Angular：数据绑定属性的含义是什么？答案

【问题标题】：Angular: What is meaning of Data-bound properties?Angular：数据绑定属性的含义是什么？
【发布时间】：2018-03-21 03:23:34
【问题描述】：

在 Angular 文档中，我经常发现数据绑定属性这个词，但是我在 google 中搜索并找到了这个词的含义

What is data-bound properties?

答案中没有完全解释。答案下的人还在质疑。如果它被接受的答案，这并不意味着它是正确的答案。 Some One 可以更详细地解释一下吗？

【问题讨论】：

What is data-bound properties?的可能重复

标签： angular

【解决方案1】：

您应该再次使用 Angular Docs。

Angular docs on property binding

如果您需要一些解释。数据绑定属性是 HTML 模板中的简单属性，您将其与组件中的属性绑定。最基本的是插值，您可以在其中使用{{property}}。绑定将属性设置为模板表达式的值。假设您的组件中有一个属性yourImageUrl，那么您可以将其与src 一起使用，将值分配给src。 [property] 是一种绑定方式，因为你只能设置它。 <img [src]="yourImageUrl">

如果你知道你的值永远不会改变，你也可以使用一次性字符串初始化。

如果您希望您的组件从模板中获取值，那么您需要使用两种方式绑定或事件绑定，然后您需要使用类似 [(property)] 的东西。

【讨论】：

【解决方案2】：

If have a component

@Component({
  selector: 'my-component'
})
class MyComponent {
  @Input() name:string;

  ngOnChanges(changes) {
  }

  ngOnInit() {
  }
}

you can use it like

<my-component [name]="somePropInParent"></my-component>

当 somePropInParent 的值发生变化时，Angulars 变更检测会更新名称并调用 ngOnChanges()

在第一次调用 ngOnChanges() 后，调用一次 ngOnInit()，表示初始绑定 ([name]="somePropInParent") 已解析并应用。

详情见https://angular.io/docs/ts/latest/cookbook/component-communication.html

【讨论】：