問題タブ [angular-ngmodel]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
7137 参照

angularjs - 入力行を動的に追加してangularjs ng-modelの値を配列アイテムとして表示および維持する方法

<input>ユーザーが新しい項目を入力したいときに行を動的に追加したい状況があります。以下に示すように、ユーザーが [入力項目の追加] ボタンをクリックすると、ユーザーがテキストを追加できる新しい入力要素が追加されます。

ここに画像の説明を入力

$scope.itemsの各入力要素値をモデル(配列)に関連付けようとしていますapp.js。私のでは、を使用してindex.htmlをロードします。私が理解していないのは、各入力/行を として定義されたモデルによって自動的に追加および管理する方法です。$scope.itemsng-repeat$scope.items

各入力要素を配列に関連する ng-model にマップすることは可能itemsですか? または、この状況でディレクティブを使用する必要がありますか?

完全なコードとランタイムは、ここの Plunker にあります(奇妙な出力を表示できるようにするため)。

からのスニペットindex.html:

app.jsコード:

0 投票する
3 に答える
1697 参照

angularjs - angularjsでボタンクリック時にコントローラから選択したオプションにアクセスする方法は?

ng-modelui-bootstrap のタブセット内のタブに属性を持つ選択フィールドがあります。タブにもボタンがあります。ボタンをクリックすると、モデルで選択された値を取得したいと思います。使ってみた

そしてコントローラーで

しかし、それには値が含まれていないようです。$scope変数を調べてみたところ、selectedOption内部に何かが含まれているようです$$childTail

selectedOption 値にアクセスする他の方法はありますか、それともビューの構造を変更する必要がありますか?

ここに私がやろうとしていることのプランカーがあります。

0 投票する
2 に答える
40223 参照

javascript - AngularJS ng-options デフォルトで選択されたオプション

ng-options でデフォルト オプションを設定するにはどうすればよいですか?

これをコントローラーに設定しました(コントローラーを構文として使用):

this.myOption = this.myOptions[0];

ただし、それでも空白のデフォルト オプションが返されます。

<option value="?" selected="selected"></option>

デフォルト オプションをモデルの最初の値 ("Item 1") に設定するにはどうすればよいですか?

これはJSBinのデモです。

0 投票する
3 に答える
3603 参照

javascript - JavaScript配列はNaNですか? AngularJS ngModel

私は ngModel の値が何であるかを見ようとしています:

私のngModelは配列ですが、NaNをログに記録しますか?

何が起きてる?

0 投票する
1 に答える
1064 参照

angularjs - ng-repeat 内にネストされた Angularjs ng-model はすべて更新します

これは単純なはずです。何らかの理由で、ng-repeat 内で ng-model を使用すると、その繰り返しループ内のすべての ng-models が更新されます。

これがコードです。何か案は? http://plnkr.co/edit/iAgrPwwBMilCyeReeLt9?p=info

ありがとう。

0 投票する
1 に答える
230 参照

angularjs - AngularJS: 多くのチェックボックスから多くの結果を表示する方法

AngularJS を使用して、ワインのリストの結果をフィルタリングしています。ワインは、色 (赤、白、ロゼ、シャンパン) およびその他のパラメーターによって分類されます。

チェックボックスで 1 つの色 (たとえば赤) をオンにすると、フィルター処理された赤ワインのリストが表示されます。ただし、2 つの色を選択すると、結果は表示されません (たとえば、赤と白)。

私の願い:

  • 赤、白、シャンパンの色がチェックされている場合でも、(赤、白、シャンパンのワイン、またはその他のパラメーター) のリストが表示されます。私の主な願いは、複数のパラメーターを選択し、チェックされたものをすべて表示できるようにすることです。色、国を確認できます..

ここにコード例:

コードのデモ: http://jsfiddle.net/stefanos/kTYdd/26/

よろしく、

ステファン

0 投票する
1 に答える
360 参照

angular-ngmodel - ng-モデルで動作しないng-hide

ドロップダウンからの特定のオプション選択で div を表示/非表示にしたい。しかし、div は常に非表示のままです。