dbからキーペア値のセットをフェッチしてUIで表示して設定を更新する必要がある設定画面を開発する必要があります。ここで、値が 'TRUE'または 'FALSE'の場合は、入力コントロールをチェックボックスとして表示し、残りの値については入力コントロールをテキストボックスとして表示する必要があります。私は単一の入力制御のためにng-repeatを使用しました。しかしここでは、値に基づいて2つの入力コントロール(チェックボックス/テキストボックス)を表示する必要があります。 ng-repeatを使用して複数の入力コントロールを実装する方法のアイデアを教えてください。Angular JSでng-repeatを使用した複数の動的入力コントロール
答えて
どのようにこのようなものについて:
<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>
あなたの返信ありがとうございます。私は編集して、私は最初の3つのクリックのためのチェックボックスを適切にバインドすることができない部分をバインドし、3回クリックした後も値がモデルで更新されますが、上記のng-true-value = "true"とng-false-value = "false" ..私のフィドルを確認してくださいhttps://jsfiddle.net/bngk/7urrobaa/ – bngk
もう一つの観測...デフォルトでは、チェックボックスはfalseで、正常に動作し、チェックボックスがデフォルトでtrueに設定されている場合にのみ、問題が発生します – bngk
これは、ネイティブのtrue-boolean( 'value =')ではなく 'true' true "vs' value = true')。あなたが代わりに行うことができるのは、 'ng-true-value =" 'true' "'とクォート(false値の場合)です。 [this jsfiddle](https://jsfiddle.net/7urrobaa/7/)を参照してください。 – devqon
- 1. Angular JS Multiple ngRepeat
- 2. Angularでng2-uploaderを使用した複数のアップロード入力
- 3. Vanilla-JSまたはAngularで複数の色を入力する
- 4. 複数のコントローラを使用したAngular JSテスト駆動開発
- 5. Angular JSで入力フォームを動的に追加する方法
- 6. JasperReports動的入力コントロール
- 7. Angular 2を使用してJSONから入力コントロールを動的にフォームを作成する
- 8. react js複数入力フォーム
- 9. Angular ngRepeat - ラジオボタンを含む複数のオブジェクトを持つ方法
- 10. ngrepeatを使用したリレーショナルデータベースデータ
- 11. Angular JSの動的HTMLページ
- 12. Angular JS ng-repeatで動的配列キーを使用
- 13. Javaでbufferedreaderを使用した複数回の文字入力
- 14. formArrayを使用してコントロールを動的に複製できません
- 15. javascriptの複数のアラームクロックjavacriptの動的生成入力要素を使用
- 16. angular 1.5.x ngRepeatメモリリーク
- 17. Angular JSでのマルチレベルアコーディオンの動的div id
- 18. Angular jsは複数回購読し、複数のイベントを起動します
- 19. Angular JSのDocker Nginx - 動的なCSS、画像、JSの動的URL
- 20. Excel動的入力のCOUNTIFを使用
- 21. 角度リピータを使用した複数の入力のアラート入力値
- 22. Angular jsで動的ブートストラップテーブルを作成
- 23. Angular JS - 動的データを使用する条件付きインラインスタイル
- 24. Angular JS - 入力値の切り替え
- 25. Angular JSを使用したモバイルアプリケーション
- 26. Angular JSを使用したElasticSearch
- 27. REST APIを使用したAngular JS App
- 28. 複数入力のフォーム検証js
- 29. 複数のデータテーブルからの入力パラメータを使用したユニットテストメソッド
- 30. DevExtremeのTabPanelコントロールの複数のテンプレートAngular
は私たちにあなたがしようとしているコードを表示しますか? – kukkuz