問題タブ [angular2-forms]

次のコード スニペットがあります。

.html

ダーツ

テンプレートの *ngIf に問題があるのか​​もしれませんが、よくわかりません。エラーメッセージが表示されない理由を教えてください。

ありがとう

Angular2 Dart Angular for Dart Cheat Sheet (v2.0.0-beta.2)で、Elvis オペレーターがサポートされていることがわかります。

コンポーネント ビューで使用しようとしていますが、ここでは許可されていないようです。

与えられた

.html

ダーツ

アプリケーションを実行すると、次のエラーが発生します。

エラートレース

コンポーネントのビューで演算子を使用できるのはどのような状況ですか?

乾杯

Form Builder (Angular2 Beta 1、TypoScript) を使用して作成されたフォームがあります。つまり、次のようなものがありconstructorます。

フォームが表示され、これまでのところすべてが順調です。私が実際に理解していないのは、データ (この場合は User オブジェクト) をリモート サービス (ま​​たは他の非同期読み込みメカニズム) から読み込むときにバインドを処理する方法です。

私が試したことは、次のとおりです。

• constructorまたはでデータを非同期にロードしますngOnInit。問題: ロードが開始される前であっても、例外がスローされます (「未定義のプロパティ 'validator' を読み取れません...」)
• constructorまたはでデータを非同期にロードしますngOnInitが、その前に空のフォームを作成します。問題: 検証が機能しません。
• 私が期待していたのは、フォームデータをオブジェクトのプロパティにバインドし、Userそのオブジェクトのプロパティを設定することです。問題: 例外ではありませんが、データがフォームに表示されません。

これを機能させるには、よりスマートでより良い方法が必要だと思いますか？私は Angular2 にかなり慣れていないので、質問がばかげていないことを願っています …</p>

- - アップデート - -

ngFormModelまず、重要な場合に備えて、フォームで使用することを忘れていました。

@Thierry: 「フォームにバインドする一時的な空のオブジェクト」は、私がやろうとしたこと (上記の 3 番目のアプローチ) だと思いますが、うまくいきませんでした。正確には、私はこれを試しました：

これはユーザー名を表示しますが、コンストラクターの最後に設定する行を移動しても機能しませんthis.user.username。データバインディングがこれを処理することを期待していたので、これはかなり驚くべきことです。

私は単一のマップを持っています

ダーツ

angular2 @ngFor ディレクティブを使用して、以下のようなテーブルを作成したいと思います

テーブル ヘッダー行を形成する Name 列と最初のテーブル行として配置される入力列を使用して、@ngFor を使用して従来の方法でテーブルを作成できます。表示されている図は、次のコードを使用して作成されました。

.html

@ngFor ディレクティブを使用してグラフィック内のテーブルを作成するにはどうすればよいですか?

EDIT1 - 最初のソリューションで実行するとコンソール エラーが発生する

.dart (以下の SnareChops の答えのダーツのポート) | 正解

大文字化を実行するカスタム パイプを追加しました

Angular2 (Plunker に TS を含むベータ 0) で、それぞれがコンポーネントで表される 2 つのネストされたフォームを持つシナリオを実装しようとしています。

親コンポーネントはWord、偽の辞書の単語を表す です。子コンポーネントはWordSense's で、それぞれが親単語の意味を表します。

どちらのコンポーネントもモデル駆動型フォームを使用し、子フォームは を使用してモデルの値をフォーム コントロールにバインドしますngModel。このようにして、親コンポーネントはその言葉の意味を子コンポーネントに簡単に渡すことができ、双方向バインディングが残りを行います。

シンプルなカスタム バリデータが両方のフォームに添付されています。とりわけ、単語のフォームが無効な場合だけでなく、その意味のいずれかが無効な場合にも、送信ボタンを無効にしたいと考えています。このために、isValid編集中のモデルにプロパティを追加し、センス フォームの変更を観察するコードを追加しました。変更が発生するたびに、フォームのvalidプロパティを確認し、それに応じてモデルのプロパティを設定します。次に、ビューとコードの親コンポーネントのレベルでチェックを簡単に追加できるので、両方のフォームが正常な場合にのみ投稿できます。

カスタム検証と追加のロジックをサポートするために、最初のコードをテンプレート ベースのフォームからモデル ベースのフォームに切り替えました。それでも、リファクタリングされたコードを起動するとすぐに、いくつかのNo Directive annotation foundエラーが発生し、その意味がわかりません。

おそらく私は明らかな何かを見逃していますが、私はここでは初心者です。誰でも提案できますか？このプランカーで再現を見つけることができます: http://plnkr.co/edit/v9Dj5j5opJmonxEeotcR。ここにいくつかの重要なコードがあります:

a) 親コンポーネント:

b) 子コンポーネント:

JavaScriptでAngular2を使用しています。現在、次のような TreeView コンポーネントにテンプレートがあります。

これは再帰的なコンポーネントであることに注意してください。したがって、ツリービュー コンポーネント内にツリービュー コンポーネントがあります。問題は、ブロック メニューのドロップダウンで何かを選択すると、ページ上の他のブロック メニューのドロップダウンもその選択イベントの影響を受けることです。<select>各要素に一意の IDを付けようとしましたが、何も変わりませんでした。これが Angular2 のバグなのか、それとも何か間違っているのかはわかりません。

私は角度が初めてです。フォーム ステップを含むプロジェクト作成ページがあります。最初のステップでプロジェクトを作成し、他のステップで各ステップの関連情報を更新します。私が想像しているように、これのルートは次のようになるはずです：

以前のルートはすべて、同じメイン コンポーネントを共有しています。私のコンポーネントは次のようになります。メインコンポーネントは routerOutlet にロードされ、その中にステップコンポーネントがあります:

このルート：

ルートから表示するステップを指定できますか、またはメインコンポーネントでそれらの間のスイッチをパラメーターとしてステップ名を設定する必要があります。この状況に対するアドバイスはありますか、正しく行っていますか?