- interpolation: 指 Angular 特有的雙大括号文法{undefined{ }}
- backticks: `
- ASTERISK:[ˈæstərɪsk]
- template reference variable, 文法是#：
Angular開發文檔中一些常用的詞彙
命名沖突的優先級：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.
binding文法
<!-- 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無法修改。