Angular入门到精通系列教程（15）- 目录结构（工程结构）推荐
摘要：环境: Angular CLI: 11.0.6 Angular: 11.0.7 Node: 12.18.3 npm : 6.14.6 IDE: Visual Studio Code 1. 概要 实际的Angular项目，肯定不是一个简单的Hello World程序，会包含很多的功能，很多的文件。那么
阅读全文
posted @
2021-01-29 14:47
Jack Niu
阅读(480)
推荐(0) 编辑
Angular入门到精通系列教程（14）- Angular 编译打包 & Docker发布
摘要：环境: Angular CLI: 11.0.6 Angular: 11.0.7 Node: 12.18.3 npm : 6.14.6 IDE: Visual Studio Code 1. 概要 当我们完成angular的开发后，如何部署到服务器呢？ 2. 编译打包 2.1. 基本打包命令 基于Ang
阅读全文
posted @
2021-01-29 10:49
Jack Niu
阅读(2998)
推荐(2) 编辑
Angular入门到精通系列教程（12）- 路由（Routing）
摘要：1. 摘要 2. 路由（Router）基本用法 2.1. 准备 2.2. 注册路由 2.3. html中的用法 2.4. ts 代码中的用法 3. 接收参数 3.1. 路径中的参数 3.2. 参数（QueryParameter）中的参数 4. URL路径显示格式 5. 部署中遇到的问题 6. 总结
阅读全文
posted @
2021-01-25 14:45
Jack Niu
阅读(866)
推荐(0) 编辑
Angular入门到精通系列教程（11）- 模块(NgModule)，延迟加载模块
摘要：1. 摘要 2. NgModule举例、说明 3. Angular CLI生成模块 4. 延迟加载模块 5. 总结 环境: Angular CLI: 11.0.6 Angular: 11.0.7 Node: 12.18.3 npm : 6.14.6 IDE: Visual Studio Code 1
阅读全文
posted @
2021-01-25 10:17
Jack Niu
阅读(765)
推荐(0) 编辑
Angular入门到精通系列教程（10）- 指令（Directive）
摘要：1. 摘要 2. 组件与指令之间的关系 2.1. 指令的种类 3. Angular 中指令的用途 4. 指令举例 4.1. 指令功能 4.2. Anuglar CLI生成基本文件 4.3. Directive指令核心代码 4.4. 使用该指令 5. 总结 环境: Angular CLI: 11.0.
阅读全文
posted @
2021-01-13 15:33
Jack Niu
阅读(691)
推荐(0) 编辑
Angular入门到精通系列教程（9）- 组件的生命周期(Component Lifecycle Hook)
摘要：1. 摘要 2. 生命周期及顺序 3. 响应生命周期事件 4. 主要生命周期事件 4.1. 初始化事件 ngOnInit() 4.2. 实例销毁 ngOnDestroy() 5. 总结 环境: Angular CLI: 11.0.6 Angular: 11.0.7 Node: 12.18.3 npm
阅读全文
posted @
2021-01-12 16:34
Jack Niu
阅读(395)
推荐(0) 编辑
Angular入门到精通系列教程（8）- 父子组件（Component）之间传递数据
摘要：1. 摘要 2. 父传子 @Input() 2.1. 子组件定义@Input() 2.2. 父组件传递变量给子组件 3. 子传父 @Output() 3.1. 子组件定义@Output 3.2. 父组件订阅事件 4. 总结 环境: Angular CLI: 11.0.6 Angular: 11.0.
阅读全文
posted @
2021-01-12 15:26
Jack Niu
阅读(542)
推荐(0) 编辑
Angular入门到精通系列教程（7）- 组件（@Component）基本知识
摘要：1. 概述 2. 创建Component 2.1. 组件模板 3. 视图封装模式 3.1. 特殊的选择器 :host 3.2. inline-styles 4. 总结 环境: Angular CLI: 11.0.6 Angular: 11.0.7 Node: 12.18.3 npm : 6.14.6
阅读全文
posted @
2021-01-12 14:25
Jack Niu
阅读(1191)
推荐(2) 编辑
Angular入门到精通系列教程（5）- 第三方UI库（Angular Material）
摘要：1. 第三方UI库的选择 2. Angular Material 2.1. 优缺点 2.1.1. 优点 2.1.2. 缺点 2.2. 引入到项目 3. 总结 环境: Angular CLI: 11.0.6 Angular: 11.0.7 Node: 12.18.3 npm : 6.14.6 IDE:
阅读全文
posted @
2021-01-11 15:35
Jack Niu
阅读(693)
推荐(0) 编辑
Angular入门到精通系列教程（4）- 开发环境搭建以及入手项目
摘要：1. 本地开发环境搭建 1.1. node.js 1.2. Angular CLI 2. 开发工具 - Visual Studio Code 第一个Anuglar项目 创建第一个anuglar项目 Angular CLI常用命令 在线实战项目 新手项目：Basic Angular app 入门项目：
阅读全文
posted @
2021-01-11 10:06
Jack Niu
阅读(866)
推荐(0) 编辑
Angular入门到精通系列教程（3） - Angular 技术栈 （Tech Stack）
摘要：(Based on Angular 10) 0. Angular-CLI Angular CLI is a command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular
阅读全文
posted @
2021-01-09 22:06
Jack Niu
阅读(457)
推荐(0) 编辑
Angular入门到精通系列教程（1） - Angular,Vue,React 选型
摘要：1. 概述 2. 框架比较 3. 为什么国内Angular不是很流行 1. 概述 总的来说一句话，如果你是老大，你可以选择用什么；如果你不是，那么，老大让用什么，你就用什么。 前端框架Angular,Vue,React三选一，没有第四种。 （当然，如果只是一两个简单的页面，纯JS、jquery足够了
阅读全文
posted @
2021-01-08 15:46
Jack Niu
阅读(493)
推荐(1) 编辑
Angular入门到精通系列教程（2） - Angular基本概念
摘要：1. Angular （Angular2）v.s. AngularJS 2. 检查本地环境的版本 3. TypeScript 4. Angular CLI 5. Angular 的版本 6. Angular 版本如何升级 7. 依赖注入（dependency injection） 8. 编译-AOT
阅读全文
posted @
2021-01-08 15:02
Jack Niu
阅读(664)
推荐(1) 编辑
嵌入在iframe中的Angular站点，如何打开一个新的tab页面
摘要：1. 需求 一个angular web站点，通过一个iframe嵌套在另一个web站点中。点击一个按钮，希望能够在一个新的页面（Tab）中打开另外一个页面。 2. 方案 主要困难在于处理2个站点的地址不同的问题。既可以通过 html 设置href实现，又可以直接使用js代码实现。 Code: <a
阅读全文
posted @
2021-01-07 21:38
Jack Niu
阅读(330)
推荐(0) 编辑
