問題タブ [angular-template-form]

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 投票する
0 に答える
47 参照

angular5 - Angular5 テンプレート駆動のクロス フィールド非同期バリデーター

フォームには、電話番号入力とファックス送信チェックボックスのフィールドが含まれています。ファックスを送信するには、電話番号がユーザー ディレクトリ リストに存在する必要があります。フォームの検証は、[保存] ボタンをクリックした後に行う必要があります。

  1. ユーザーが [ファックスの送信] オプションを選択せず​​に保存した場合、電話番号番号の検証は必要ありません。
  2. ユーザーが [ファックスの送信] オプションを選択して保存した場合。次に、電話番号番号がディレクトリ リストに存在することを API 呼び出しで確認します。電話番号がディレクトリ リストにない場合は、エラー メッセージを表示します。

サンプル画面

テンプレート駆動型フォームにクロス フィールド カスタム非同期バリデーターを実装することは可能ですか?

この投稿に関してご不明な点がございましたら、お気軽にお問い合わせください。

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

angular - 選択オプションの値は、他のすべての選択オプションに対して変更されます

下の画像を参照してください。最初のnb-optionでは、さまざまな配列から値を取得します。次に、メソッドで定義されたnb-option配列から値を取得します 。getProdDetails()2nd のオプション値をクリックするとnb-option、すべての選択オプションの値が選択したオプションに置き換えられます。

それが役立つことを願っています!また、[(ngModel)] を使用しなければ問題なく動作しています。しかし、それを使用して値をバインドし、.ts ファイルで使用する必要があります。オプションを選択するたびに、選択したアイテムを選択ボックスに表示したいと思います。

[1]: https://i.stack.imgur.com/s8ANd.png