- 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无法修改。