Use ng-model with label element.

Question

I am reading a code and got into a part where a label element is been used with data-ng-model is that possible ?

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

Answer 1

It wont't work. Since ngModel should only be used with the inputs, since it involves two-way data binding.

Label does not deal with user input, thus it does not require the ngModel. So if you want to bind a scope variable to the label then you can use expressions.

Like

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

Note : you should define labelText in your controller, like $scope.labelText = "Hello"

Answer 2

Try to use ng-bind example in Plunker.

Answer 3

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

in this case ng-bind will work.