ng-content指令可以在组件中嵌入模板代码，方便定制可复用的组件。比如：页面的header是个通用组件，导航菜单样式已经设定好，只需在header标签内加上菜单内容。源码以前文为基础。 父组件使用方法： 这样的结构可谓清晰明了。这里只为演示ng-content的功能，如果是真正 ...

...

路由简介 路由是 Angular 应用程序的核心，它加载与所请求路由相关联的组件，以及获取特定路由的相关数据。这允许我们通过控制不同的路由，获取不同的数据，从而渲染不同的页面。 相关的类 Routes Routes其实是一个Route类的数组。 而Route的参数如下图所示，一般 ...

在Angular中，组件属于特殊的指令，它的特殊之处在于它有自己的模板（html）和样式（css）。因此使用组件可以使我们的代码具有强解耦、可复用、易扩展等特性。通常的组件定义如下： demo.component.ts： demo.component.html ...

下载nodejs 下载地址 在命令行输入：npm -v 如果出现如下画面即安装成功 安装Angular的cli命令行工具 命令：sudo npm install -g @angular/cli 输入ng -v，如出现以下画面即表示安装成功 创建项目 ...

基础 ViewChild ViewChild 装饰器用于获取模板视图中的元素或直接调用其组件中的方法。它支持 Type 类型或 string 类型的选择器，同时支持设置 read 查询条件，以获取 ...

概念 依赖注入是一种设计思想，并不是某一类语言所特有的，因此可以参考开涛大神关于学习Java语言的Spring框架时对其的解释： DI—Dependency Injection，即“依赖注入”：是组件之间依赖关系由容器在运行期决定，形象的说，即由容器动态的将某个依赖关系注入到组件之中 ...

概述 Angular中的输入输出是通过注解@Input和@Output来标识，它位于组件控制器的属性上方。 输入输出针对的对象是父子组件。 演示 Input 新建项目connInComponents:ng new connInComponents. 新增组件stock:ng g ...