Angular开发文档中一些常用的词汇
-
interpolation: 指Angular特有的双大括号语法{{ }}
-
backticks: `
-
ASTERISK:[ˈæstərɪsk]
-
template reference variable, 语法是#:
-
命名冲突的优先级:If you reference a name that belongs to more than one of these namespaces, the template variable name takes precedence, followed by a name in the directive’s context, and, lastly, the component’s member names.
-
template statement: responds to an event raised by a binding target such as an element, component, or directive.
例子:
statement context就是其所属的Component:
The statement context is typically the component instance. The deleteHero in (click)=“deleteHero()” is a method of the data-bound component.
优先级:Template context names take precedence over component context names. In deleteHero(hero) above, the hero is the template input variable, not the component’s hero property.
<!-- Bind button disabled state to `isUnchanged` property -->
<button [disabled]="isUnchanged">Save</button>
Notice that the binding is to the disabled property of the button’s DOM element, not the attribute. This applies to data-binding in general. Data-binding works with properties of DOM elements, components, and directives, not HTML attributes.
The distinction between an HTML attribute and a DOM property is key to understanding how Angular binding works. Attributes are defined by HTML. Properties are accessed from DOM (Document Object Model) nodes. - 完全两码事!
Attributes initialize DOM properties and then they are done. Property values can change; attribute values can’t. - HTML attribute用来初始化DOM properties,之后就没有用了. HTML attribute无法修改。
相关文章
- [Angular] How to show global loading spinner for application between page navigation
- [Angular] Using directive to create a simple Credit card validator
- [Angular 2] Using Promise to Http
- [Angular 2] ng-control & ng-control-group
- [AngularJS] Angular 1.3: ng-model-options updateOn, debounce
- [Angular 2] Simple intro Http
- [Angular 2] Build a select dropdown with *ngFor in Angular 2
- [Immutable + AngularJS] Use Immutable .List() for Angular array
- SAP Spartacus 如何取得某个table字段对应的Angular Component
- Angular 应用 tsconfig.json 文件里的 typeRoots 属性讲解
- 通过单步调试的方式学习 Angular 中带有选择器的内容投影使用方式
- 关于 Angular 应用 tsconfig.json 中的 target 属性
- Angular Lazy load学习笔记
- Angular应用里setTimeout被如何被monkey patched的
- angular 时间戳转换(星期过滤器)