問題タブ [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 投票する
1 に答える
1771 参照

angularjs - AngularJSの関数に渡されたモデルの名前を取得するには?

関数に渡されたモデルの値と名前を知る必要があるシナリオがあります。

私は次のことを試しました

次のコードは、関数の呼び出しを担当します

HTML には、以下のようなコードがあります

HTMLでラジオボタンをタップすると、o/p De と fffが表示されますが、必要なのはo/p De と radです

plunker コードを参照し、ディレクティブkmRadioを確認してください

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

angularjs - モデルの値を変数に格納する方法は?

モデルに保存されている値(モデルとして「名前」と言い、値「Angular」を持っている)を変数に保存するディレクティブを作成しています。

私は以下のようなものを試しました、

しかし、it(nameValue) の値は「Angular」ではありません

モデル(ng-model)に保存されている値を取得する方法を教えてもらえますか

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

angularjs - ngModel が初めて値を更新しないのはなぜですか?

ng-Model 値が更新された値を表示しない理由

以下のコードを確認してください

JS

HTML

ラジオをタップすると、警告メッセージ「aaa」が表示されるはずですが、メッセージ「xx」が表示されます。

誰が私がどこで間違ったのか教えてもらえますか

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

angularjs - id、name、および ng-model を単一のフィールドにマップする angular ディレクティブを宣言して使用する

冗長な HTML の作成を回避し、Bootstrap 要素の使用方法を簡素化するために、AngularJS ディレクティブを作成/使用したいと考えています。このようにディレクティブを使用したいと思います:

AngularJS に書いてもらいたいテンプレートは次のとおりです。

このテンプレートを作成し、ng-model とのバインディングを引き続き機能させるディレクティブを宣言するにはどうすればよいですか? これが良い考えではない理由はありますか?

ありがとう。

更新しました

id/name が入力要素にどのように使用されるかを反映するために、label タグを追加しました。生成されたテンプレートを使用すると、ラベルをクリックして入力要素にフォーカスを置くことができます。

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

javascript - angularで選択したSELECT要素から値ではなくテキストを取得します

select要素を(Jade構文)として定義しました

ここで、selectItems は「値」フィールドと「名前」フィールドを持つオブジェクトの配列です。

非常にコンパクトなので、できればこの表記のままにしておきたいと思います。ただし、 ng-model フィールドは、選択したアイテムの値のみで終了します。ただし、値と名前の両方が必要です。テキスト (上記のコードでは別名「c.name」) を取得するにはどうすればよいですか?

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

javascript - AngularJS - ラジオ ボタンの選択を ng-repeat 内のモデルにバインドする

次の形式をとるデータモデルの人物があります。

私のマークアップでは、ラジオ ボタンを動的に生成するために次のように定義しました。

ページの読み込み時に true として選択されたドキュメントを確認し、ユーザーが選択したものに応じて、選択したフラグを personsInfo モデルに保存できるようにしたいと考えています。

ここでの私の意図は、personsInfo モデルを別のページに戻すことです。

誰かが私に実用的なフィドルを教えてくれたら、それは大歓迎です!

ありがとう!

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

javascript - AngularJS:プレースホルダーとng-modelを使用したinput[number]

ビューに次の入力フィールドがあります

ここで欲しいのは、モデル変数 totaltotalClicksを、ユーザーが入力しない限り UI に反映されない初期値に設定することです。

で初期化すると

また

ユーザーが入力するまで、プレースホルダーは正しく表示されます。ただし、モデル変数 totalClicks は更新されず、初期化されたままになります。

に設定した場合

then0は入力に表示され、プレースホルダーは表示されませんが、モデルは更新されます。

何かアドバイスはありますか?

アップデート:

追加した

ページの読み込み時にプレースホルダーが表示されるようになりましたが、入力を変更しても$scope.funnel.totalClicks残ります9

更新 #2: これは plunker の例です。同じモデルにバインドされた 2 つのテキスト ボックスがあるため、1 つの入力ボックスでモデルを変更すると、もう 1 つの入力ボックスも変更されるはずです。(例には ionic フレームワークが含まれます) http://plnkr.co/edit/F4fOGMBA8eFJ9vdyuDvm