問題タブ [angular2-components]

テキスト入力があり、変更をリッスンしています。

mycomponent.ts

mycomponent.html

アプリケーションを実行するとすべて正常に動作しますが、単体テストを行いたいと考えています。

だからここに私が試したものがあります

mycomponent.spec.ts

.search()メソッドが呼び出されないため、テストは失敗します。

テストに変更を認識させるには、別の方法で設定する必要があると思いますvalueが、その方法は本当にわかりません。

誰にもアイデアがありますか？

複数の結果を持つ多次元配列があります。

本に「ジャングルブック」のように1つの章しかない場合や、「名前の本」のように複数の章がある場合に *ngIf を作成する方法を理解したいと思います。

ご協力いただきありがとうございます

ここでも、次のコンポーネント MyStoreComponent があります

今、私は各支店内の人々を数えようとしています。たとえば、456392 には 2 つのマネージャーがあり、456393 には 1 つのマネージャーがあります。

私は自分自身を試してみました

しかし、私はある時点で負けています。お願いします？

次のコードを使用してngOnChanges、Angular2 のライフサイクル フックをテストします。

残念ながら、Expected spy ngOnChanges to have been called.この例では HTML 要素の内容を確認できることを知っているというメッセージでテストが失敗しますが、ngOnChanes ライフサイクル フック内でテストする必要があるコードがいくつかあるため、それは解決策ではありません。testComponent.ngOnChanges({someMockData});また、テストを直接呼び出したくありません。

TestComponent.value呼び出されるようにテストから設定するにはどうすればよいngOnChangesですか?

私はAngular 2の実験を始めたばかりで、この質問に出くわしました:

上にメニュー バーがある Web アプリを作成するとします。各メニュー項目は異なるコンポーネントをロードする必要があります。

これを行う「正しい」方法は何ですか？これまでのところ、私の考えはそのために ngSwitch を使用することです。

テンプレート：

そして項目に合わせて「値」を変えるだけ。それは良い解決策ですか、それともより良い解決策を見逃しましたか?

まず第一に、これがひどいデザインである場合は、喜んで変更します。

私のindex.html私には、体に、次のものがあります。

month.component.tsは次のとおりです。

...そしてngOnInit()、正しく呼び出されます。ただし、呼び出し時 (またはおそらくこれまでに、それを決定する方法がわかりません)yearとの両方monthOfYearがundefined.

で値が確実に渡されるようにするにはどうすればよいですかngOnInit()、またはこれを達成するためのより良いパターンはありますか?

私が所属しているチームは最近、angular 1.2 から 1.3 にアップグレードしました。Todd Moto のコンポーネント ポリフィルを追加して、最終的な angular 2 への移行を支援しています。注入可能なテンプレートの機能ですが、2.x ドキュメントでこれに相当するものを見つけることができません。

私たちの製品の一部ではテンプレート インジェクションを使いたくなるかもしれませんが、1.x ではこれを避ける必要があります。これは、2.x には同等のものがないため (セキュリティ上の理由からだと思います)、または Angular2 には別の推奨されるアプローチ/代替手段がありますか?これ？