加载中
Angular基础--元素操作

Angular中主要DOM元素操作基本就两种方法: 1、Renderer2、ElementRef 2、ViewChild、ViewChildren、ContentChild、ContentChildren class Renderer2 { get data(): {[key: string]: any} ...

2017/10/15 02:20
37
Angular路由--模块预加载

预加载是介于直接加载、惰加载的一种方式。 预加载的工作原理 在每次成功的导航后,路由器会在自己的配置中查找尚未加载并且可以预加载的模块。 是否加载某个模块,以及要加载哪些模块,取决...

2017/10/15 01:47
134
Angular组件--动态组件

动态创建组件的应用场景很多,比如动态广告、像浏览器一样动态打开多个页面等等等等 要动态创建组件主要需要用到angular中的ComponentFactoryResolver、ComponentFactory、ViewContainerRef、...

2017/10/14 14:17
78
Angular路由--路由守卫

在用户试图导航到某个目标组件时,通过路由守卫判断用户状态等信息来授予用户访问权限。 路由器支持多种守卫: 用CanActivate来处理导航到某路由的情况。 用CanActivateChild处理导航到子路由...

2017/05/13 14:31
229
Angular注册Provider

这里主要讲一下Provider注册方式,需要使用@Inject 正常我们注册一个服务像下面一样,假设一个logService服务 providers: [logService], 实际上它的完整形式如下 providers: [{provide: ...

2017/05/13 00:24
48
Angular管道

管道(Pipe)可以对模板中的数据进行格式转换,这里讲一下管道的用法 管道 管道的基本用法如下,表达式经过管道后输出 {{ expression | pipeName }} 也可以这样,链式管道,表达式依次经过1...

2017/05/12 23:17
42
Angular模块--特性模块&惰性加载模块

一个应用不可能将所有组件、指令balabala那一大堆东西都放在根模块下,所以我们需要将应用内的一些东西进行分类打包成一些单独的模块 特性模块 特性模块是带有@NgModule装饰器及其元数据的类...

2017/05/12 18:01
301
Angular路由--子路由和附属Outlet

路由使用中最重要的一点就是路径问题, / 是相对与基础路径的。routerLink="/home"会到http://localhost:4200/home ./ 或 无斜杠 是相对于当前级别的。routerLink="home"会到http://localhos...

2017/05/12 11:38
661
Angular路由--路由参数

除了前面组件交互中提到的数据传递方法外,Angular路由还提供了路由参数功能,允许通过URL向组件传递参数。包括Path参数、Query参数、Matrix参数。这些参数可以通过ActivatedRoute服务提供的...

2017/05/11 17:43
143
Angular路由--基本用法

路由就是将链接和组件联系起来的桥梁,最基本的用法是将一个URL所对应的组件在页面中显示出来,这里说明一下使用路由的基本流程内容。 设置base路径 在index.html的<head>标签下先添加一个<...

2017/05/11 16:31
20
Angular HTTP服务

HTTP服务 HTTP服务是Angular中使用HTTP协议与远程服务器进行通讯的一个独立模块,要使用它需要三个步骤 在根模块中导入HttpModule,我们通过 Http 客户端,使用熟悉的 HTTP 请求/回应协议与服...

2017/05/10 18:45
76
Angular数据绑定

Angular数据绑定主要内容在于方括号[ ],和圆括号()还有花括号{}的使用 方括号[ ] 属性名加上方括号后,右侧赋值为表达式的值 如果属性没有方括号,右侧赋值为字符串 <div class="red">r...

2017/05/10 17:56
54
Angular模板局部变量

模板局部变量是模板中对DOM元素或指令(包括组件)的引用,可以使用在当前元素及其同级、子元素中。在Angular组件交互中通过局部变量获取子组件引用就是对组件的引用,这里主要说一下DOM元素局...

2017/05/10 12:59
145
Angular内置指令--表单指令

Angular2的内置指令可分为通用指令、路由指令、表单指令 表单常用:Validators(相应式表单验证用)、AbstractControlDirective(FormControl的抽象类)、 FormControl(每个表单控件都是一个For...

2017/05/10 10:39
115
Angular内置指令--路由指令

Angular2的内置指令可分为通用指令、路由指令、表单指令 路由指令有3个,包含在RouterModule中 : RouterLink RouterOutlet RouterLinkActive RouterLink : 使得应用可以链接到特定组件,可以...

2017/05/09 21:52
21
Angular内置指令--通用指令

Angular2的内置指令可分为通用指令、路由指令、表单指令。 通用指令包含7种,均包含在CommonModule模块中,CommonModule已经包含在了BrowserModule中。 NgClass Ngstyle NgIf NgFor NgSwitc...

2017/05/09 18:42
59
Angular组件内容嵌入 (ng-content)

使用ng-content,先定义一个嵌入组件 //嵌入组件<example>的模版 <div style="color: red;"> <ng-content select="标签名"></ng-content> <div> 在需要使用它的组件中 //某个组件的模板 <e...

2017/05/09 17:36
129
Angular组件交互

Angular2中的组件交互方式很多,可分为父子组件交互和非父子组件交互两种情况。 在学习之前需要了解组件的@Input和@Output的用法 //子组件中内容 @Input() 绑定的属性名: 值类型; //其值等于...

2017/05/09 16:56
171
Angular结构型指令

结构型指令就是对DOM的操作,放在模板组件中它是表达式,单独提取出来它被称为结构型指令。 结构型指令的职责是HTML布局。 它们塑造或重塑DOM的结构,比如添加、移除或维护这些元素。所有的包...

2017/05/08 23:29
66
Angular属性型指令

属性型指令 — 改变元素、组件或其它指令的外观和行为的指令 属性性指令的创建步骤如下: import语句需要从 Angular 的core库导入的一些符号。 Directive提供@Directive装饰器功能。 Elemen...

2017/05/08 19:25
37

没有更多内容

加载失败,请刷新页面

返回顶部
顶部