Question

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

的含义

答案中没有完全解释。根据答案，人们仍在质疑。如果它被接受答案，那并不意味着它是正确的答案。有人可以解释更多细节吗？

Answer 1

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] =＆＃34; somePropInParent＆＃34;）已解决并应用。

有关详细信息，请参阅https://angular.io/docs/ts/latest/cookbook/component-communication.html

Answer 2

您应该再次使用Angular Docs。

Angular docs on property binding

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

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

如果您希望组件从模板中获取getValue，则需要使用双向绑定或事件绑定，然后您需要使用[(property)]之类的内容。

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

2 个答案: