いくつかの条件でng-modelに異なる値をバインドします

Question

私はAngularを使い始めました。
問題が残っています。私はng-showとng-modelを使用しています。

そのような

<tr ng-show="responseValid"> 
    <td> <input id="nameId" ng-model="model.name"/> </td> 
</tr> 

は私がmodel.nameの値を事前に移入しています。

ここで、応答が有効な場合は入力タグが表示されます。

が、私は、フォームをsubmitとき、nameId値は、ここでng-model="model.name「

問題によって結合している私は、応答が入力タグが隠されている有効なすなわちない場合model.nameは任意の値を含めることはできませんしたい。しかし、そのは起きていません。

は、どのように私は、タグ自体に使用できることを利用できるものはありますか？model.nameに値をnullify/emptyことができますか？

Answer 1

ご送信あなたのモデルは、validResponseの状態を確認し、この

例に基づいてモデルデータを設定します。

$scope.sendModel = function(){ 
    $scope.model.name = $scope.validResponse? $scope.model.name : ''; 
} 

http://codepen.io/gpincheiraa/pen/mPzmxO

Answer 2

あなたはngSwitchまたはngIfを使用することができます。

<tr ng-if="responseValid"> 
    <td> <input id="nameId" ng-model="model.name"/> </td> 
</tr> 

条件が満たされない場合、条件が満たされるまで、角度はDOM要素を完全に削除します。

Answer 3

ng-showの代わりにng-ifを使用してください。

ng-ifはDOMから要素を削除し、ng-showはdisplay:noneのみを設定します。