問題タブ [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 に答える
12960 参照

javascript - Input type="number" の Angular2 ngModel 変更バインディング

数値型の入力があり、onChange イベントで値を変更しようとしても機能しません。

テキスト入力についても同じことを試しましたが、完全に機能します。

私はAngular2を初めて使用するので、ここで何が欠けていますか?

PS。ブール値を取る入力で同様の問題を見てきました

0 投票する
0 に答える
162 参照

forms - Angular 2 で動的フォームを作成する方法

サーバーからいくつかのデータを更新したい。それらをフォームに表示して、値を変更して送信できるようにします。

ここに私の form.template.html があります:

これが私のform.component.tsのonSumitメソッドです

問題は次のとおりです。

1) console.log 表示undefinded

2) [(ngModel)] は最後の data.value (3 つの入力、3 つの同じ値) のみを表示します。

<input value = "{{data.value}}" >正常に動作します (3 つの入力、右のラベルに対応する 3 つの値)

何か案は ?

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

javascript - 繰り返し配列を埋めるAngular 2入力を実装する方法は?

注文でアイテムを追加/削除し、それらを配列に集約してバックエンドに送信できるようにしたいと考えています。データは次のようになります。

  • 顧客名: ビリー
  • 注文内容:【ピザ、バーガー、寿司】

反復入力バインディングに入るSOの回答やドキュメントが見つかりません。誰もこれを試みましたか?テンプレート コード:

[新規追加] ボタンのクリック機能内:

...firebaseStuff... .push({name: name, order: this.itemsInNewOrder})

残念ながら、これは機能しません。前もって感謝します!:)

編集 1: (それぞれ) トリガーする 2 つのボタンがあります。

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

angular - Angular2 ngModel-var 値は this.var 値と同じではありません

child-component 内の ngModel-values による奇妙な動作があります。htmlコード:

kName は、親コンポーネントから入力される入力フィールド (@kName:string) です。「this.kName」が親コンポーネントから毎回新しい値を取得することがわかります。しかし、このフィールドでいくつかのアクションの後に設定すると:

そして、親から kName を再度入力したいのですが、kName-current の値は html 出力には表示されませんが、次のように表示されます: this.kName このようにしようとすると:

initkName が定義されていないため、html-pattern でエラーが発生します。ngModel 値を更新するにはどうすればよいですか? 多分私は他の問題を抱えています...

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

angular - Angular2 は ngModel ビューを操作します

Angular 1 で $formatter / $parser を実行できるように、ngModel ビューを操作したいと思います。

私の元のアイデアは、次のことを行うことです

そしてこの機能で

ユーザーが40を入力すると、基本的にビューを40%に変更します。

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

angular - Angular2キーアップイベント更新ngModelカーソル位置が最後にジャンプ

次のことを行う Angular2 ディレクティブに問題があります。

  • ユーザーが「.」を入力したかどうかを検出します。キャラクター。
  • 次の文字も「.」である場合は、重複する「.」を削除します。カーソル位置を「.」の後に移動します。チャー

私は上記の作業を行っていますが、これを ngModel と組み合わせて使用​​すると、モデルが更新されるたびにカーソル位置が最後までジャンプします。

入力:

ディレクティブ:

カーソル位置が最後にジャンプすることを除いて、これは機能します。行の削除:

問題が修正され、カーソル位置は正しくなりますが、モデルは更新されません。

誰でもこれに対する解決策を推奨できますか? それとも、問題に対して間違ったアプローチを取っているのでしょうか?

ありがとう

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

angular - 動的に作成された mutl select html 要素の Angular2 データ バインディング

複数選択の html 要素を ngModel にバインドする際に問題が発生しています。フォームを送信すると、選択した複数のラベルから選択したラベルが 1 つだけ取得されます。選択したすべての値をバインドし、フォームが送信されたときにそれらの値を返す方法が必要です

以下のシナリオを試しました

1)

上記のコードでは、変更イベントがトリガーされていても、multiSelect1 は更新されません。フォームを送信すると、出力が2になります

2)ここでは、同じ出力を取得する変更を使用していません。選択したラベルの最初のオプションのみが表示されています

Angular バージョン2.0.0-beta.15 の使用

setSelected が何らかの値を返すかどうかを知りたいのですが、その値は ngModel にバインドされますが、バインドされていません。

フォームが送信されたときに、選択したすべてのオプションをポストにバインドして取得する方法を探しています。