問題タブ [angular2-forms]

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 に答える
855 参照

javascript - Angular2 のフォーム コントロールからの文字列以外の値

Angular2 では、フォーム コントロールの値を文字列以外のものとして処理するクリーンな方法はあります<select>か?(bool) true(bool) false

現在、私はあまりエレガントに感じないソリューションを使用しています:

I'm using <select>s in my example, but I'm interested in other form controls as well.

この質問は重複として提案されましたが、私はそうではないので、重複しているとは思いません

  1. 選択のみに関心がある
  2. オプションを動的に生成しようとしています
0 投票する
2 に答える
10077 参照

angular - コンポーネント内で双方向のバインディングと検証を行うカスタム angular2 フォーム入力コンポーネント

コンポーネント内で検証を行うこともできる双方向バインディング入力コンポーネントを作成する方法はありますか?

私が達成しようとしているのは、次のようにフォームに並べることができるコンポーネントを用意することです。

私は次の設定をしていますが、それを正しくする方法がわかりません:

コンポーネント:

アプリ:

また、問題を説明するためにプランカーを作成しました: http://plnkr.co/edit/0vXjHbQmv7v7EKQcLWaa?p=preview

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

angular - 必須フィールドの Angular2 ビジュアル キュー

次のマークアップがあります

.html

angular2 (および angular2-dart) には、フィールドが必要であることをユーザーに示す組み込みの視覚的な合図がありますか?

ありがとう

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

dart - コンポーネントクラスでngForm変数参照を取得するには?

以下を考えると...

.html

..

#name = "ngForm"..dartコンポーネントで (ngForm) 参照を取得して操作を許可することは可能ですか? 提案と修正は大歓迎です。

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

angular - angular 2でペイロードを含むフォームを投稿する方法は?

ファイルをアップロードするサンプルアプリを作成しようとしています。以下のビューとコンポーネントがあり、送信をクリックすると、ブラウザからリクエストが送信されていません。

(ngSubmit)="onSubmit()" をフォームに追加すると、onSubmit が呼び出されていることがわかりますが、何も渡されていません。

質問: 有効なファイル アップロード フォームを作成できるように、適切なバインディングを取得する正しい方法は何ですか?

テンプレート:


成分:

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

typescript - angular2で入力コントロールに特定のタイプのバリデーターがあるかどうかを確認します

入力フィールドをラップするコンポーネントがあります。Controlコンポーネントでは、からオブジェクトを受け取ります@Input() inputControl: Control;。テンプレートには、コンポーネントの入力フィールドが不要な場合にメッセージを表示するスパンがあります。

と入力

inputControlが含まれている場合、フォームオブジェクトを読み取るにはどうすればよいValidators.requiredですか? たとえば、このように使用できるかどうかを知りたい

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

dart - Dartを使用してangular2でngFormModelをバインドする方法は?

以下はフォームで動作します(フォームが表示されます)

.html

Forms and Validation in Angular 2.0の例に従おうとすると、

フォームの最初の行を次のように変更しても、UI を表示できません。

この変更により、ブラウザーはマークアップを解析できないかのように何も表示しなくなりました。実際には、エラーは pub-serve モードまたはデバッグ モードで表示されます。

なぜこれが機能しないのですか?

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

html - Angular 2 のテンプレート駆動型フォーム

Angular 2 (beta.0) のテンプレート駆動型フォームとモデル駆動型フォームの長所と短所を見て、テンプレート駆動型フォームを使用して単純なテキスト入力フィールドにカスタム検証をどのように添付できるか疑問に思っています。このアプローチで使用できる例は (必須以外に) ないか、見つかりませんでした。

検証関数の例として:

上記の検証関数は、FormBuilder を使用してモデル駆動型フォームで使用して機能します。テンプレート駆動型アプローチを使用してこれを行うにはどうすればよいでしょうか?

「それはありえないし、今後もあり得ない」というような答えです。または「それはベスト プラクティスではありません。モデル主導のアプローチを採用してください。」議論と一緒に私には問題ありません。(私はすでに方法がないと仮定していますが、ウェブには証拠がありません。私はモデル駆動型のアプローチをより好みます。)