ラベル要素でng-modelを使用します。

Question

コードを読んで、label要素がdata-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

いいえ、それは目的を果たさないためです。モデルはどのような影響を及ぼしますか？モデルにラベルにバインドされたとき、モデルにどのように影響しますか？あなたの代わりにラベル内のテキストを更新しようとしている場合

、あなたは自分のテンプレートに変数を置く必要があります。

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

Answer 2

はそれが仕事をwont't。 ngModelはの入力でのみ使用する必要があるため、双方向データバインディングが必要です。

ラベルはユーザーの入力を処理しないため、ngModelは必要ありません。したがって、スコープ変数をラベルにバインドする場合は、expressionsを使用できます。

注

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

のように：あなたはNG-バインドが動作します。この場合、$scope.labelText = "Hello"

Answer 3

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

のように、あなたのコントローラでlabelTextを定義する必要があります。

Answer 4

ng-bindの例をPlunkerに使用してみてください。