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

angular - Angular2 の ErrorHandler

新しいクラス ErrorHandler (RC.6 に含まれていた) について質問があります。

公式ドキュメントから例を挙げました: https://angular.io/docs/ts/latest/api/core/index/ErrorHandler-class.html

app.module ファイルを編集した後

MyErrorHandler がエラーをキャッチするようになりました。

ただし、「GET http://example.com/rest/user 401 (Unauthorized)」のような http エラーは検出されません。誰か説明してくれませんか?

前もって感謝します!

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

angular - テキストエリアに値をバインドする

Angular2 で最も単純な双方向バインディングを実行しようとしています。コンポーネントとそのテンプレートの間で変数を共有したいと思います。

私のテンプレートは次のとおりです。

そして、私のコンポーネントは次のとおりです。

ドキュメントによると、これはうまくいくはずですが、私は得ています:

0 投票する
7 に答える
206649 参照

angular - Angular の INPUT 要素で ngModel 内でパイプを使用する

HTML INPUT フィールドがあります。

その値をフォーマットし、既存のパイプを使用したい:

エラーメッセージが表示されます:

アクション式にパイプを含めることはできません

このコンテキストでパイプを使用するにはどうすればよいですか?

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

javascript - 3 番目のプロパティ レベルの Angular2 ngModel バインディングが未定義になる

フォームで奇妙なことが起こっているか、正しく行っていない可能性があります。コードを提示して説明させてください。

コンポーネント内にフォーム オブジェクトを定義しました

各行にはボタンがあり、クリックするとモーダルウィンドウが開き、項目が引数として渡されます。

これはモーダル ウィンドウを起動して開くメソッドですが、アイテム オブジェクトを上記のフォーム オブジェクトに割り当てます。

item オブジェクトは、次のように出力することでビューで使用できます。

モーダル ウィンドウにはユーザーが項目を編集するフォームが含まれているため、基本的に入力フォーム フィールドには項目のプロパティ値が入力されますが、何らかの理由で 3 番目のレベルが定義されておらず、その理由がわかりません。スクリーンショットをお見せしましょう。 2番目のレベル

ここに画像の説明を入力

3 番目のレベルは未定義になります。

ここに画像の説明を入力

この問題は、第 3 レベルの「object.object.property」でのみ発生しています。入力フィールドを 1 つだけ表示していますが、フォームには 8 つ以上のフィールドが含まれており、すべて同じ問題があります。

ここで何が欠けているのかわかりませんが、論理的にはうまくいくはずです。この問題があちこちで起こっているのを見たことがありますか、それともあなた自身を経験しましたか?

前もって感謝します。

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

angular - angular2 - ngModel がラベルで機能しない (ng2-bootstrap、paper-kit)

私にとっては、[(ngModel)]="foo"デフォルトの HTML5 フォーム コントロール、より正確にはラジオ ボタンのスタイルを変更するために使用されるラベルでは機能しません。目標は、これらを使用して、デフォルトの入力無線のように値を変更することです。私は現在 ng2-bootstrap を使用していますが、ペーパーキット ( http://www.creative-tim.com/live/paper-kit ) も試しました。

文書化された ng2-bootstrap の使用方法を使用する場合 ( https://valor-software.com/ng2-bootstrap/#/buttons )

次のエラーが表示されます。

ngDefaultControlこれは、ラベルの属性を使用して修正される可能性がありますが、依然として[(ngModel)]無視され、伝播されません。ペーパーキットの使用でも同じ問題が発生します。

通常のラジオボタンで問題なく動作します。

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

angular - Google Places Autocomplete API を使用すると、textBox の ngModel が正しい値を保持しない

Google Places Autocomplete API を textField で使用して、何かを入力したときに都市の候補を表示できるようにしたいと考えています。私のtextFieldは、ngModelを使用して変数「searchFieldValue」にバインドされています。textBox に何かを入力すると、この変数は正しい値を保持します。しかし、入力を開始してから Google オートコンプリートから何かを選択すると、「searchFieldValue」はその選択したものに更新されません。入力した部分のみが保持されます。例: 「和紙」と入力してから「」を選択します。 Google API によって提供される、提案された都市からのワシントン、USA」。テキストフィールドには「ワシントン、USA」がありますが、私の変数「searchFieldValue」には「Washi」しかありません。この変数には、テキストフィールドと同じデータ「ワシントン、USA」を含めたいと思います。

それ、どうやったら出来るの?

ここに私のコンポーネントがあります:

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

select - Angular2 ngModel が定義されていません鬼ごっこ

私は Angular2 と Semantic-UI の分岐バージョン (カレンダー モジュールを含む) を使用しています。私が使用しているcalendardropdown機能:

これが私の Plunkerです。

ご覧のとおり、カレンダーの選択から入力を取得できません。

何がグリッチなのか理解できません。何が問題なのかわかりますか?

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

angular - name 属性なしで Angular ngmodel を使用する

私はAngular2チュー​​トリアルを読んで学んでいます。ここでは、「[(ngModel)] をフォームと組み合わせて使用​​する場合、name 属性の定義は必須です」と書かれています。ただし、チュートリアルでは、ここでは name 属性なしで ngmodel を使用しています。

なぜこれが機能しているのか説明していただけますか?注意してください:私は角度だけでなくUIも初めてです