2019年10月2日

1、* ngForは構造タイプの命令です。それらのホスト要素の追加、削除および操作による構造指示
成形又はDOM構造を再成形等。*構造タイプの命令で任意の命令です

SO、例のために:
// <LI> <=李* ngFor "LETヒーローの英雄"> *ホスト要素であるngFor

JavaScriptの組み込みオブジェクト、ホストオブジェクト、カスタムは違いオブジェクト?

組み込みオブジェクト:オブジェクトシステムが提供:オブジェクト、配列、数学、日付として
のようなオブジェクトJS走行環境:BOMウィンドウ、ドキュメントのDOMホストオブジェクト
カスタムオブジェクト:カスタムコンストラクタが作成されますオブジェクト

 

2、補間式{{}}属性構文がバインドされ、テキスト属性値をレンダリングすることができます[]スピード、あなたは
属性値テンプレート式を使用

[タイトル] =「product.name +詳細 」 - 属性値文字列処理の内容として、見つからない場合は
、対応するプロパティの値を、結果は未定義で、この列子、詳細は解決されますが、未定義で
表示するためになります文字列の形式は次のよう:[タイトル] =「+ product.name 『詳細』」
--details列表示は、通常のようになります

タイトル=「{{product.name}} +詳細は、」=> {{}}属性値の内容のみが、解析として扱われる
属性値が存在しない場合は、解析結果がnullで、その結果、表示されません

だから、動的特性が示唆[]結合方法 - 共通特性容易に識別

図3に示すように、ActivetedRoute -具体的に、各ルーティングコンポーネントの、角度ルータによってロードされます。
これは、ルーティング情報に関連する他の経路についてのデータ、およびルーティングパラメータを含みます

変数のルーティングを取得します:

this.route.paramMap.subscribe(paramsは=> {
this.product =商品[params.get(「商品コード」)]
})
このパラメータは、ルートに定義されたルーティングパス変数に対応

図4に示すように、サーバから返されたデータは、流れ関数の形で通常ストリームそれらは容易にできるので、有用である
データ変換は修正がデータを要求することが返さ

5、CSS要素セレクタAPP-ヒーローは、アセンブリテンプレートの親HTML要素の名前と一致するために使用される
コンポーネントを識別するために

6、大文字 - 大文字のアルファベット文字

図7は、[(ngModel)]双方向結合作用するためには、FormsModuleにapp.module.tsモジュールをインポートする必要があります

図8は、追加またはCSSクラスを削除するためのメカニズムを結合CSSクラスが限りによると、非常に簡単な条件となります
[class.some-CSSクラス] = 「いくつかの条件」 要素に適用するために、あなたのスタイルに追加する
ことができます例えば:[class.selected] = "ヒーロー=== selectedHero"

おすすめ

転載: www.cnblogs.com/QQ-lala/p/11619095.html