2016-07-28 1 views
0

dbからキーペア値のセットをフェッチしてUIで表示して設定を更新する必要がある設定画面を開発する必要があります。ここで、値が 'TRUE'または 'FALSE'の場合は、入力コントロールをチェックボックスとして表示し、残りの値については入力コントロールをテキストボックスとして表示する必要があります。私は単一の入力制御のためにng-repeatを使用しました。しかしここでは、値に基づいて2つの入力コントロール(チェックボックス/テキストボックス)を表示する必要があります。 ng-repeatを使用して複数の入力コントロールを実装する方法のアイデアを教えてください。Angular JSでng-repeatを使用した複数の動的入力コントロール

+0

は私たちにあなたがしようとしているコードを表示しますか? – kukkuz

答えて

1

どのようにこのようなものについて:

<div ng-repeat="item in items" 
    ng-init="item.showCb = item.value == 'TRUE' || item.value == 'FALSE'"> 

    <input type="checkbox" 
      ng-if="item.showCb" /> 

    <input type="text" 
      ng-if="!item.showCb" /> 

</div> 

JSFIDDLE

+0

あなたの返信ありがとうございます。私は編集して、私は最初の3つのクリックのためのチェックボックスを適切にバインドすることができない部分をバインドし、3回クリックした後も値がモデルで更新されますが、上記のng-true-value = "true"とng-false-value = "false" ..私のフィドルを確認してくださいhttps://jsfiddle.net/bngk/7urrobaa/ – bngk

+0

もう一つの観測...デフォルトでは、チェックボックスはfalseで、正常に動作し、チェックボックスがデフォルトでtrueに設定されている場合にのみ、問題が発生します – bngk

+0

これは、ネイティブのtrue-boolean( 'value =')ではなく 'true' true "vs' value = true')。あなたが代わりに行うことができるのは、 'ng-true-value =" 'true' "'とクォート(false値の場合)です。 [this jsfiddle](https://jsfiddle.net/7urrobaa/7/)を参照してください。 – devqon

関連する問題