11 2017 档案
摘要:分类 父子组件通信 非父子组件通信 实现 父子 父子组件通信一般使用 和`@Output`即可实现,参考 "Angular4学习笔记(六) Input和Output" 通过Subject 代码如下: message.service.ts 子组件 home.component.ts home.comp
阅读全文
摘要:``` import {Component, OnInit} from '@angular/core'; import {FormArray, FormBuilder, FormControl, FormGroup} from '@angular/forms'; @Component({ selector: 'app-reactived-form', templateUrl: './re...
阅读全文
摘要:简介 Angular 指令的生命周期,它是用来记录指令从创建、应用及销毁的过程。Angular 提供了一系列与指令生命周期相关的钩子,便于我们监控指令生命周期的变化,并执行相关的操作。Angular 中所有的钩子如下图所示: 分类 指令与组件共有的钩子 ngOnChanges ngOnInit ng
阅读全文
摘要:内容投影 ng content 是一个占位符,有些类似于 。 以前举の例子,父组件包含子组件都是直接指明子组件的 ,比如子组件的 叫`app child`,那么嵌入父组件时直接指明即可: 这是很硬性的编码,而 就是用来替代这种硬性编码的。 比如有个父组件这样定义: @Component({ sele
阅读全文
摘要:基础 ViewChild ViewChild 装饰器用于获取模板视图中的元素或直接调用其组件中的方法。它支持 Type 类型或 string 类型的选择器,同时支持设置 read 查询条件,以获取不同类型的实例。比如 和`ViewContainerRef`. ViewChildren ViewChi
阅读全文
摘要:概述 Angular中的输入输出是通过注解 和`@Output`来标识,它位于组件控制器的属性上方。 输入输出针对的对象是父子组件。 演示 Input 新建项目 :`ng new connInComponents`. 新增组件 :`ng g component stock`. 在 中新增属性 并将其
阅读全文