問題タブ [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.
angular - オブジェクトでAngular2が選択されたオプション
私は顧客とスプリング レスト バックエンドを扱っている Angular 2 アプリを持っています。顧客オブジェクトには、オブジェクトでもある顧客タイプがあり、オブジェクトが値として保存されるように顧客フォームのドロップダウンが機能していますが、正しい顧客タイプを選択する方法がわかりません既存の顧客がフォームに読み込まれます。
上記のスニペットでは、顧客に既に顧客タイプがある場合、ドロップダウンは値を選択しません。ngOptions を使用して解決された angular1 で同じ問題が発生したことを覚えています。
だから、私の質問は、Angular1 がこの問題を Angular 2 で解決した方法を再現する方法です。
typescript - 角度 2 | NgformControl は NgModel の更新を防ぎます
これは私のコードです:
HTML:
そして私のmainTS:
RT ドロップダウンは、理由をクリックしたときにのみ理由を送信します。
問題は、理由をクリックすると {{reject.reason}} が変更されますが、入力フィールドが変更されないことです。
ページが更新されていないようですが、これについて経験した人はいますか?
ありがとうございました
angular - ngModel が表示されているかどうかを ngIf で確認するにはどうすればよいですか?
この「threeMonth および無料」モデルをオブジェクトとして呼び出して、表示されているかどうかを調べ、表示されていない場合は最後のタグを表示できるようにしたいと考えています。基本的にはif/elseif/elseが欲しい
data-binding - Angular 2 での最初のページ読み込み時の [(ngModel)] の設定値
select
属性を介していくつかのデータを取り込み、必要なオプションをレンダリングする単純なコンポーネントを作成しようとしています。この選択コンポーネントを別のコンポーネントのテンプレート内で使用する予定です。たとえば、PageComponent
のテンプレート( page.template.html )です。
を使用して PageComponent の変数をselect
コンポーネントにバインドしています[(ngModel)]
。select
オプションを選択すると、変数の値が期待どおりに更新されますが、コンポーネントで手動選択をトリガーせずに、ページの読み込み時に最初のオプションを指すように設定するにはどうすればよいですか?
これがコードです。
page.template.html 内
page.component.ts では、PageComponent
クラス
select.component.ts 内
現在、{{alertType}}
値は最初は何も表示されず、select
ボックスから新しいオプションを選択したときにのみ更新されます。
alertType
デフォルトで未定義に設定されているために発生していることは理解していPageComponent
ますが、ページの読み込み時に最初のオプション値に設定する方法がわかりません。
アップデート
元の質問には回答がありましたが、これに関してもう 1 つ質問があったので、質問を更新しました。
更新されたコードでは、select
コンポーネントはテンプレートからカスタム プロパティを受け取り、そのデフォルト値defaultValue
の条件をレンダリングします。<option>
defaultValue
が設定されている場合alertType
、その値を持つ必要があるか、そうでない場合は、options
リストの最初の項目の値を持つ必要があります。
PS - コンポーネントの構築に使用されたアプローチについてコメントがある場合は、回答に自由に追加してください。学習に役立ちます。
javascript - Angular2、inputmask ngModel バインディング
ng2 と入力マスクに問題があります。たとえば、私はこのコード component.html を持っています
component.ts
入力マスクはうまく機能しています。しかし、私[(ngModel)]
はうまくいきませんでした。問題を解決する方法を知っている人はいますか?
たとえば私のコードhttp://plnkr.co/edit/F3pob7hH2ZrJv0MDNa9x?p=preview
angular - ngModel と ngFor を使用した Angular2 インライン編集
Angular2 で ngModel を使用してインライン編集を実装しようとしています。ngFor を使用して反復する必要があり、ngModel も使用する配列があります。この配列にインライン編集を適用しようとすると、配列の変数ごとに 1 文字しか編集できません。
ここで実際の例を見つけることができます。
ngModel と ngFor を一緒に使用しているコンポーネントのコードは次のとおりです。
誰かが私を助けることができれば、それは素晴らしいことです.
javascript - [オブジェクト]を返すAngular 2 ngModel
Ionic 2 プロジェクトで Angular 2 を使い始めたところです。私は単純なログインフォームを持っています:
バックエンドにはオブジェクトがあります
ただし、ユーザー名とパスワードを入力し、console.log を使用してデータにアクセスしようとすると、パスワードは次のように表示されます。
似たようなことをしようとしても、this.loginData.Password = String(this.loginData.Password);
結果は同じです。
これも同じ結果になるconsole.log(JSON.stringify(this.loginData.Password));
data-binding - ngFor内のAngular2 ngModel
入力から文字列の配列をバインドしようとしているので、html ファイルに次のように書きました。
しかし、単語変数をログに記録すると、コンポーネント クラスで初期化された空の配列が表示されるため、これは期待どおりに機能しませんでした。また、別のコンポーネントから変数をログに記録し、それが私の問題の問題であるはずです。私は2つのコンポーネントを持っています:
- クエリ コンポーネントの配列を含むフォーム コンポーネント。
- 単語文字列の配列を持つクエリの子コンポーネント。
したがって、words 変数はクエリ コンポーネントに宣言されていますが、フォーム コンポーネントを介してこの変数を次のようにログに記録しています。
クエリは、フォーム コンポーネント内のクエリの配列ですが、次のようになります。
ご協力いただきありがとうございます!
angular - angular 2でラジオボタンの値を取得するには?
テーブルの行ごとに 3 つのラジオ ボタンをバインドする必要があるプロジェクトに取り組んでいます。私はこのテーブルをバインドしていますが、どういうわけかそれは起こっていません。私は自分のコードを共有しています。
このHow to bind to radio buttons in angular2 beta 6 を試しましたが、機能しません。
編集コメントで尋ねられたように。plunkrを 1 つ作成しました。
PS このコードはpug
(Jade) にあります。
typescript - 親PageコンポーネントでIonic2 popover ngModel値を渡し、関数を呼び出しますか?
これが私がやろうとしていることです。
- Ionic2 ポップオーバー メニューにグループ ラジオ ボタンを配置します。
- オプションは、コンテンツがどの JSON ファイルをロードするかを実際に制御しています。
- ユーザーがオプションを選択し、ポップオーバーを閉じると、それに応じてページ内のコンテンツが更新されます。
Ionic2 Popover からその親コンポーネントに値を渡す方法がわかりません。私が正しく理解していれば、Ionic2 の Popover は子コンポーネントです。[(ngModel)]
ただし、値を渡す方法がわかりません。
私はそれがここで乱雑に見えることを知っています.PopOverからページに値を渡す方法の簡単な例を作るのに十分親切な人だけがいるなら...
だから...これはすべて1つのファイルにあります:
ポップオーバー コンポーネント:
ここの別のクラス、ページ: