使用带有标签元素的ng-model.

Question

我正在阅读一个代码,并进入了一个标签元素与数据-ng-model一起使用的部分可能吗？

<label class="btn btn-success"
  data-ng-model="myController.statusFilter"
  data-btn-radio="'disabled'"
  data-ng-click="myController.method()">
  Disabled
 </label>

Answer 1

它不会工作.由于ngModel只能与输入一起使用,因为它涉及双向数据绑定.

Label不处理用户输入,因此不需要ngModel.因此,如果要将范围变量绑定到标签,则可以使用表达式.

喜欢

<label>  {{labelText}} </label>

注意:您应该在控制器中定义labelText,例如 $scope.labelText = "Hello"

Answer 2

不，因为它没有任何目的。模型会影响什么？当模型绑定到标签上时，您会如何影响模型？

如果您尝试更新标签内的文本，则应该在模板中添加一个变量：

<label class="btn btn-success"
    data-btn-radio="'disabled'"
    data-ng-click="myController.method()">
  {{ myController.statusFilter }}
</label>