2016-10-01 15 views
0

2つのラジオボタンVAT & CSTと1つの入力フィールドがあります。 VATを選択すると入力フィールドが表示され、入力フィールドを選択すると非表示になります。 angularJSでそれを行う方法。ありがとうございました!ng-if条件に基づいて入力フィールドを表示

は、ここに私のコードを使用するng-model

<input type="radio" ng-model="vat" name="source" value="VAT"> VAT 
<input type="radio" name="source" value="CST"> CST 

<input type="number" ng-if="vat" placeholder="Gunny VAT"> 

答えて

1

です。 FYI

<input type="radio" ng-model="flag" name="source" value="VAT"> VAT 
<input type="radio" ng-model="flag" name="source" value="CST"> CST 

<input type="number" ng-if="flag == 'VAT'" placeholder="Gunny VAT"> 

、あなたも同じのためng-showng-hideを使用することができます。

+0

クール、あなたは速い – Sajeetharan

+0

'NG-モデル= "フラグ"'正常に動作していました。もし 'ng-model =" flag.selected "を使用していれば、それは動作しません。 – Naresh

+0

まず、あなたは$ scope.flag = {selected:{}}のようなコントローラで宣言する必要があります。 –

1
<div ng-controller="myCtrl"> 
<input type="radio" ng-model="selected" name="source" value="VAT"> VAT 
<input type="radio" ng-model="selected" name="source" value="CST"> CST 
<input type="number" ng-if="selected == 'VAT'" placeholder="Gunny VAT"> 
</div> 
</body> 

DEMO

関連する問題