Angular开发文档中一些常用的词汇

时间:2022-07-23
本文章向大家介绍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. 例子:

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