Angular 4.x NgTemplateOutlet

2017-05-23
阅读 3 分钟
23.2k
该指令用于基于已有的 TemplateRef 对象,插入对应的内嵌视图。在应用 NgTemplateOutlet 指令时,我们可以通过 [ngTemplateOutletContext] 属性来设置 EmbeddedViewRef 的上下文对象。绑定的上下文应该是一个对象,此外可通过 let 语法来声明绑定上下文对象属性名。

Angular 4.x NgIf

2017-05-21
阅读 9 分钟
19.7k
NgIf 指令作用 ngIf 指令用于根据表达式的值,在指定位置渲染 then 或 else 模板的内容。 then 模板除非绑定到不同的值,否则默认是 ngIf 指令关联的内联模板。 else 模板除非绑定对应的值,否则默认是 null。 NgIf 指令语法 简单形式 {代码...} 使用else块 {代码...} 使用then和else块 {代码...} 使用as语法 {代码...} ...

Angular NgModule 作用域相关问题

2017-05-12
阅读 5 分钟
12.6k
NgModule 是你使用 Angular 编写应用程序时遇到的第一个基本结构,但由于涉及不同的作用域范围,它也是最微妙和最复杂的。如果你想详细了解 NgModule 的相关知识,可以直接参考 Angualr NgModule FAQ 或 Angular FAQ 文章中 NgModule 版块的内容 。

Angular 2.x 结构指令

2017-05-05
阅读 4 分钟
11.5k
什么是结构指令? 结构指令通过添加和删除 DOM 元素来更改 DOM 布局。Angular 中两个常见的结构指令是 *ngIf 和 *ngFor。 了解 * 号语法 * 号是语法糖,用于避免使用复杂的语法。我们以 *ngIf 指令为例: (图片来源:[链接] Angular 把 host (宿主元素) 包装在 template 标签里面 Angular 将 ngIf 转换为属性绑定 - [ngI...

Angular 4.x Injector

2017-05-03
阅读 23 分钟
13.7k
在软件工程中,依赖注入是种实现控制反转用于解决依赖性设计模式。一个依赖关系指的是可被利用的一种对象(即服务提供端) 。依赖注入是将所依赖的传递给将使用的从属对象(即客户端)。该服务是将会变成客户端的状态的一部分。 传递服务给客户端,而非允许客户端来建立或寻找服务,是本设计模式的基本要求。 —— 维基百科

Angular 4.x 路由快速入门

2017-05-02
阅读 11 分钟
54.8k
建了个群有兴趣的朋友可以加一下 QQ 群:Angular 修仙之路(1)群 - 153742079 (已满),请加 Angular 修仙之路(2)群 - 648681235。

Angular 4.x Router Link Directives

2017-05-01
阅读 11 分钟
18.9k
如果你需要使用动态值生成链接地址,你可以传递一个路径片段 (segments) 的数组,然后再传递每个段的参数。例如使用 ['/team', teamId, 'user', userName, {details: true}] 数组,意味着我们想要生成一个链接到 /team/11/user/bob;details=true 。

Angular 4.x LocationStrategy

2017-04-28
阅读 12 分钟
16.6k
只读的,其值为一个整数,标志包括当前页面在内的会话历史中的记录数量,比如我们通常打开一个空白窗口,length 为 0,再访问一个页面,其 length 变为 1。

Angular 4.x 动态创建表单

2017-04-25
阅读 12 分钟
24.5k
在阅读本文之前,请确保你已经掌握 Angular 响应式表单和动态创建组件的相关知识,如果对相关知识还不了解,推荐先阅读一下 Angular 4.x Reactive Forms 和 Angular 4.x 动态创建组件 这两篇文章。对于已掌握的读者,我们直接进入主题。

Angular 4.x 动态创建组件

2017-04-24
阅读 9 分钟
37.2k
上面代码中,我们定义了一个简单的 alert 组件,该组件有一个输入属性 type ,用于让用户自定义提示的类型。我们的自定义组件最终是一个实际的 DOM 元素,因此如果我们需要在页面中插入该元素,我们就需要考虑在哪里放置该元素。

Angular 4.x EventManager & Custom EventManagerPlugin

2017-04-22
阅读 9 分钟
8.2k
Angular 在解析 DOM 树的时候,对于事件绑定它会调用 DomRenderer 实例的 listen() 方法,进行事件绑定,listen() 方法具体实现如下:

Angular 4.x Events Bubbling

2017-04-21
阅读 6 分钟
17.7k
Angular 组件和 DOM 元素通过事件与外部进行通信, Angular 事件绑定语法对于组件和 DOM 元素来说是相同的 - (eventName)="expression" :

Angular 4.x ngModel 双向绑定原理揭秘

2017-04-19
阅读 20 分钟
61.1k
在 Angular 4.x 中对于使用 Template-Driven 表单场景,如果需要实现表单数据绑定。我们就需要引入 ngModel 指令。该指令用于基于 domain 模型,创建 FormControl 实例,并将创建的实例绑定到表单控件元素上。

Angular 4.x FAQ

2017-04-17
阅读 30 分钟
12k
近期回答了 SF 上和 QQ 群里面的一些问题,发现一些问题对初学者来说,都可能会遇到。个人精力有限,建了个群有兴趣的朋友可以加一下 QQ 群:Angular 修仙之路(1)群 - 153742079 (已满),请加 Angular 修仙之路(2)群 - 648681235。一起维护这个 FAQ 哈!此外该文章也会持续更新,希望有兴趣的读者多提建议哈,谢谢!

Angular 4.x Forms patchValue and setValue

2017-04-17
阅读 12 分钟
12.2k
在 Angular 4.x 中有多种方式可以更新表单的值,对于使用响应式表单的场景,我们可以通过框架内部提供的 API ,(如 patchValue 和 setValue )方便地更新表单的值。这篇文章我们将介绍如何使用 patchValue 和 setValue 方法更新表单的值,此外还会进一步介绍它们之间的差异。

Angular 4.x 自定义表单控件

2017-04-14
阅读 17 分钟
27.2k
当我们打算自定义表单控件前,我们应该先考虑一下以下问题: 是否已经有相同语义的 native (本机) 元素?如:<input type="number"> 如果有,我们就应该考虑能否依赖该元素,仅使用 CSS 或渐进增强的方式来改变其外观/行为就能满足我们的需求? 如果没有,自定义控件会是什么样的? 我们如何让它可以访问 (accessi...

Angular 4.x 自定义验证指令

2017-04-13
阅读 12 分钟
20k
表单是几乎每个 Web 应用程序的一部分。虽然 Angular 为我们提供了几个内置 validators (验证器),但在实际工作中为了满足项目需求,我们经常需要为应用添加一些自定义验证功能。接下来我们将着重介绍,如何自定义 validator 指令。

Angular 4.x 基于AbstractControl自定义表单验证

2017-04-13
阅读 11 分钟
15.5k
Angular 为我们提供了多种方式和 API,进行表单验证。接下来我们将介绍如何利用 AbstractControl 实现 FormGroup 的验证。文章中会涉及 FormGroup 、FormControl 和 FormBuilder 的相关知识,因此建议不了解上述知识的读者,阅读本文前先阅读 Angular 4.x Reactive Forms 这篇文章。

Angular 4.x Reactive Forms

2017-04-12
阅读 10 分钟
21.2k
Angular 4.x 中有两种表单: Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 ) Reactive Forms (Model-Driven Forms) - 响应式表单 Template-Driven Forms (模板驱动表单) ,我们之前的文章已经介绍过了,了解详细信息,请查看 - Angular 4.x Template-Driven Forms 。 Contents ngModule and ...

Angular 4.x Template-Driven Forms

2017-04-12
阅读 12 分钟
11.3k
本文主要介绍 Template-Driven Forms (模板驱动式表单) ,将涉及 ngForm、ngModel、ngModelGroup、表单提交事件、表单验证和异常信息输出等内容。

Angular 4.x HttpModule 揭秘

2017-04-11
阅读 28 分钟
21.6k
更新时间 - 2017-04-20 更新内容 - Connection致命逻辑错误,感谢 深圳-shadows 刊误 有点小鸡冻,我们 HttpModule 系列的主角终于要出场了。此时突然想起了一句诗: 千呼万唤始出来,犹抱琵琶半遮面。 —— 白居易 <<琵琶行>> 为了写好这篇文章 (写得不好的话,大家请见谅),考虑了一番,最终还是打算先写相关...

Angular 2 Pass Async Data

2017-04-08
阅读 9 分钟
8.4k
本文的主要内容是介绍父子组件通信时,如何传递异步的数据。我们将通过一个具体的示例,来介绍不同的处理方式。假设我们有一个博客组件,用来显示博主信息和分类的帖子列表信息。具体如下图所示:

Angular 2 Component Inheritance

2017-04-07
阅读 9 分钟
13.6k
Metadata:如 @Input()、@Output()、@ContentChild/Children、@ViewChild/Children 等。在派生类中定义的元数据将覆盖继承链中的任何先前的元数据,否则将使用基类元数据。

Angular 2 Components Communicate

2017-04-06
阅读 8 分钟
11.2k
本文介绍的内容是组件通信的常用方式:@Input、@Output、@ViewChild、模板变量、MessageService、Broadcaster (Angular 1.x $rootScope 中 $on、$broadcast ) 和 Pub - Sub 模式、RxJS Subject 存在的问题。

Angular 2 NgModule vs Angular 1 module

2017-04-04
阅读 4 分钟
7.2k
一直想写关于 Angular 1.x 与 Angular 2.x (Angular 4.x 已发布) 区别的文章,方便 Angular 1.x 的用户快速的过渡到 Angular 2.x。在浏览文章的时候,发现 Todd Motto 大神,已经写了相关的系列文章。英文好的同学,建议直接阅读 From angular.module to ngModule 原文哈,因为我并不打算完整地翻译。废话不多说,接下来...

Angular 2 ngFor vs Angular 1 ng-repeat

2017-04-04
阅读 7 分钟
9k
一直想写关于 Angular 1.x 与 Angular 2.x (Angular 4.x 已发布) 区别的文章,方便 Angular 1.x 的用户快速的过渡到 Angular 2.x。在浏览文章的时候,发现 Todd Motto 大神,已经写了相关的系列文章。英文好的同学,建议直接阅读 From ng-repeat in Angular 1.x to ngFor in Angular 2 原文哈,因为我并不打算完整地翻译...

Angular 2 Pipe vs Angular 1 Filter

2017-04-04
阅读 7 分钟
7.9k
一直想写关于 Angular 1.x 与 Angular 2.x (Angular 4.x 已发布) 区别的文章,方便 Angular 1.x 的用户快速的过渡到 Angular 2.x。在浏览文章的时候,发现 Todd Motto 大神,已经写了相关的系列文章。英文好的同学,建议直接阅读 Creating a custom filter (pipe) in Angular 原文哈,因为我并不打算完整地翻译。废话不...

Angular 2 Service vs Angular 1 Service

2017-04-03
阅读 5 分钟
6k
一直想写关于 Angular 1.x 与 Angular 2.x (Angular 4.x 已发布) 区别的文章,方便 Angular 1.x 的用户快速的过渡到 Angular 2.x。在浏览文章的时候,发现 Todd Motto 大神,已经写了相关的系列文章。英文好的同学,建议直接阅读 Creating an Angular 2 Injectable Service 原文哈,因为我并不打算完整地翻译,另外需要...

Angular 2 HostListener & HostBinding

2017-03-29
阅读 4 分钟
42k
宿主元素的概念同时适用于指令和组件。对于指令来说,这个概念是相当简单的。应用指令的元素,就是宿主元素。假设我们已声明了一个 HighlightDirective 指令 (selector: '[exeHighlight]'):

Angular 2 DomSanitizer

2017-03-23
阅读 4 分钟
21.6k
跨站脚本(Cross-site scripting,通常简称为XSS)是一种网站应用程序的安全漏洞攻击,是代码注入的一种。它允许恶意用户将代码注入到网页上,其他用户在观看网页时就会受到影响。这类攻击通常包含了HTML以及用户端脚本语言。 XSS攻击通常指的是通过利用网页开发时留下的漏洞,通过巧妙的方法注入恶意指令代码到网页,使...