Zhentiw - 博客园

2015年11月1日

[Angular 2] Exposing component properties to the template

摘要： Showing you how you can expose properties on your Controller to access them using #refs inside of your template.// letterSelect.tsimport {Component, V... 阅读全文

posted @ 2015-11-01 03:33 Zhentiw 阅读(320) 评论(0) 推荐(0)

[Angular 2] ng-model and ng-for with Select and Option elements

摘要： You can use Select and Option elements in combination with ng-for and ng-model to create mini-forms that change your data as you make a selection./** ... 阅读全文

posted @ 2015-11-01 03:21 Zhentiw 阅读(955) 评论(0) 推荐(0)

2015年10月28日

[Angular 2] Using Pipes to Filter Data

摘要： Pipes allow you to change data inside of templates without having to worry about changing it in the Controller. Creating a custom Pipe is as simple as... 阅读全文

posted @ 2015-10-28 03:47 Zhentiw 阅读(637) 评论(0) 推荐(0)

[Angular 2] Controlling how Styles are Shared with View Encapsulation

摘要： Style and View Encapsulation is best understood by seeing how each option (Emulated, Native, and None) compare to each other. Angular 2 QuickStart ... 阅读全文

posted @ 2015-10-28 03:30 Zhentiw 阅读(446) 评论(0) 推荐(0)

[Angular 2] ng-class and Encapsulated Component Styles

摘要： import {Input, Component, View, NgClass} from "angular2/angular2";@Component({ selector: 'todo-item-render'})@View({ directives: [NgClass], s... 阅读全文

posted @ 2015-10-28 03:18 Zhentiw 阅读(584) 评论(0) 推荐(0)

2015年10月26日

[Angular 2] Passing data to components with @Input

摘要： @Input allows you to pass data into your controller and templates through html and defining custom properties. This allows you to easily reuse compone... 阅读全文

posted @ 2015-10-26 04:34 Zhentiw 阅读(603) 评论(0) 推荐(0)

[Angular 2] Template property syntax

摘要： This lesson covers using the [input] syntax to change an element property such as “hidden” or “content-editable”. Using properties eliminates the need... 阅读全文

posted @ 2015-10-26 04:15 Zhentiw 阅读(264) 评论(0) 推荐(0)

[Angular 2] Adding a data model

摘要： Instead of add todo as a string, we create a data model:export class TodoModel{ constructor( public title: string = "" ){}}export class T... 阅读全文

posted @ 2015-10-26 04:07 Zhentiw 阅读(262) 评论(0) 推荐(0)

[Angular 2] Using ng-model for two-way binding

摘要： Two-way binding still exists in Angular 2 and ng-model makes it simple. The syntax is a combination of the [input] and (output) syntax to represent th... 阅读全文

posted @ 2015-10-26 02:38 Zhentiw 阅读(265) 评论(0) 推荐(0)

[Angular 2] ngFor

摘要： It’s conceptually the same as Angular 1’s ng-repeat, but you’ll find the syntax quite different as it aligns with #refs in Angular 2 and JavaScript “f... 阅读全文

posted @ 2015-10-26 02:26 Zhentiw 阅读(392) 评论(0) 推荐(0)

Answer1215

公告