介绍angular2提供了很多内建的组件,在这一章,我们会分别介绍它们,并展示一些怎么使用它们的例子.
:fa-info-circle:内建组件可以直接导入到项目中来,而不需要像我们前面介绍一样使用directives导入
NgIf当你想要根据一个特定的条件显示或者隐藏一个组件的时候,你可以使用NgIf,条件是一个返回boolean类型的ng2的表达式.
如果表达式返回false,元素将从DO...
分类:
其他好文 时间:
2016-05-30 14:42:31
阅读次数:
244
angular2路由是管理angular2应用内部导航的一个重要内容,在angular应用中,很多的组件是通过组合完成一个复杂的应用,不可避免的是我们常会在视图间切换,那么这是就需要使用路由来管理视图间的转换。 路由定义 先看一个简单的路由定义 ///<reference path="../node ...
分类:
Web程序 时间:
2016-05-27 11:02:07
阅读次数:
604
angular2 组件 首先了解angular2 组件的含义 angular2的应用就是一系列组件的集合 我们需要创建可复用的组件供多个组件重复使用 组件是嵌套的,实际应用中组件是相互嵌套使用的 组件中的数据调用可以使用inputs和outputs 一个组件可以是一种指令 一个组件可以包含前端表现及 ...
分类:
Web程序 时间:
2016-05-19 01:29:31
阅读次数:
221
开发环境,vs2013 update 5,win7 x64,目前最新angular2版本为beta 17 第一步:安装node.js 安装node.js(https://nodejs.org/en/),为的是能够使用npm获得angular2.0的开发包 验证是否安装成功 cmd下输入 node - ...
分类:
Web程序 时间:
2016-05-16 14:32:52
阅读次数:
540
1、shift双击 双击shift就可以查找文件或函数了,速度更快更方便。 2、ng_for.ts ...
分类:
Web程序 时间:
2016-05-10 12:46:02
阅读次数:
168
1. 引入Angular2预定义类型 import {Component,View,bootstrap} from "angular2/angular2"; 2. 实现一个Angular2组件 @Component({selector:"ez-app"}) // 通过selector属性,使用css ...
分类:
其他好文 时间:
2016-05-09 15:42:34
阅读次数:
133
使用Component注解的selector属性来告诉Angular2框架,当编译、链接模板时,如果 看到这个选择符,就实例化一个组件对象。 标签名选择符 将匹配:<ez-one>...</ez-one> CSS类选择符 将匹配: <any class="ez-two">...</any> 属性选择 ...
分类:
其他好文 时间:
2016-05-08 13:27:11
阅读次数:
968
在Angular2中,组件是我们建立并指定页面上的元素和逻辑的主要途径。而我们通常加载它在其中包含了一些条件,使其加载动态标记的标签。 但也有情况下,我们不知道在编译时DOM结构。在这种情况下,我们必须对任意位置的需求添加组件,因此我们使用DynamicComponentLoader动态加载的组件。 ...
分类:
其他好文 时间:
2016-05-08 13:24:40
阅读次数:
1775
RxJS库 RxJS(Reactive Extensions)是个Angular提供的第三方库,实现异步观察模式(asynchronous observable pattern)。 启用RxJS操作 RxJS非常大,通常只要我们所需要的特性就好了。Angular在rxjs/Observable模块中 ...
分类:
Web程序 时间:
2016-04-26 00:13:18
阅读次数:
2175
In Angular2, sometime we use @Output to pass data to parent component, then parent may pass the data down to another child component. When you want to ...
分类:
其他好文 时间:
2016-04-06 02:13:54
阅读次数:
222