Angular 4 组件间的通信
一、输入属性（父组件与子组件通信） 1. 创建工程 ng new demo1 2.创建order组件 ng g component order 3. 在order组件里定义输入属性 order组件的html 4. 父组件 app.component.ts中定义 ...
原文：Angular4学习笔记（十）- 组件间通信
分类 父子组件通信 非父子组件通信 实现 父子 父子组件通信一般使用 Input和 Output即可实现，参考Angular 学习笔记 六 Input和Output 通过Subject 代码如下： message.service.ts 子组件 home.component.ts home.component.html 父组件 app.component.ts app.component.html ...
2017-11-11 02:51 0 2460 推荐指数：
相关推荐
Angular4学习笔记（三）- 路由
路由简介 路由是 Angular 应用程序的核心，它加载与所请求路由相关联的组件，以及获取特定路由的相关数据。这允许我们通过控制不同的路由，获取不同的数据，从而渲染不同的页面。 相关的类 Routes Routes其实是一个Route类的数组。 而Route的参数如下图所示，一般 ...
Angular4学习笔记（八）- ng-content
内容投影 ng-content ng-content是一个占位符，有些类似于router-outlet。 以前举の例子，父组件包含子组件都是直接指明子组件的selector，比如子组件的selector叫app-child，那么嵌入父组件时直接指明即可: 这是很硬性的编码 ...
Angular4学习笔记（四）- 依赖注入
概念 依赖注入是一种设计思想，并不是某一类语言所特有的，因此可以参考开涛大神关于学习Java语言的Spring框架时对其的解释： DI—Dependency Injection，即“依赖注入”：是组件之间依赖关系由容器在运行期决定，形象的说，即由容器动态的将某个依赖关系注入到组件之中 ...
Angular4学习笔记（六）- Input和Output
概述 Angular中的输入输出是通过注解@Input和@Output来标识，它位于组件控制器的属性上方。 输入输出针对的对象是父子组件。 演示 Input 新建项目connInComponents:ng new connInComponents. 新增组件stock:ng g ...
Angular4学习笔记（一）-环境搭建
下载nodejs 下载地址 在命令行输入：npm -v 如果出现如下画面即安装成功 安装Angular的cli命令行工具 命令：sudo npm install -g @angular/cli 输入ng -v，如出现以下画面即表示安装成功 创建项目 ...
Angular4学习笔记（七）- ViewChild和ViewChildren
基础 ViewChild ViewChild 装饰器用于获取模板视图中的元素或直接调用其组件中的方法。它支持 Type 类型或 string 类型的选择器，同时支持设置 read 查询条件，以获取不同类型的实例。比如ElementRef和ViewContainerRef. ...
后端学 Angular 2 —— 组件间通信
1. 父组件向子组件传递信息 使用@Input 子组件的属性用 @Input 进行修饰，在父组件的模板中绑定变量 例子： 效果： 使用 setter 拦截输入的属性 在子组件中做一些修改，添加两个私有字段：revertContent、_content，然后为 _content ...