如何将数据绑定到angular2中的标签

Question

是否可以使用ngModel将数据绑定到标签？我想显示从数据库中获取的数据并使用标签显示而不是输入（文本框）。

Answer 1

有3种选择：

1. <label [value]="someValueExpression"/>
2. <label>{{ value}}</label>

3. 使用表单时：

   <label for="name">Name</label>
   <input type="text" class="form-control" id="name" required>
   

Answer 2

ngModel仅适用于从用户获取输入的表单控件。您需要使用{{ }}语法。

<label>{{ yourData }}</label>

Answer 3

不，这是不可能的。 ngModel仅适用于表单的输入控件。标签不是表单控件。

您可以使用[]绑定其他属性，即属性绑定。

<label [value]="expression"/>

Answer 4

为 label 控件实现双向数据绑定的一种方法。

f

在您的ts

  <label for="name">{{name}}</label>

现在，每当name属性自动更改时，标签的文本也会相应更改。