別のhtmlテンプレートからコンポーネントセレクタを呼び出す方法はありますか？たとえば、Angular2 Htmlテンプレート
@Component({
selector: 'reports',
templateUrl: 'reports.html'
})
セレクタ「レポート」を別のtemplateUrlから呼び出すことはできますか。私はそれをより管理しやすくするために、自分のhtmlを別々のファイルに分割しようとしています。私は<reports></reports>のようにそれを設定する方法をhtmlで知っています。私はこれをどのように設定するのか、それともモジュール内から言わせるのかは分かりません。
セレクター： "[レポート]"
あなたはセレクターを指定
selector: "[reports]"<reports></reports>。
角度モジュールは「テンプレート解決環境」を提供します。したがって、「レポート」セレクタを含むコンポーネントが、それを使用するテンプレートと同じコンポーネントで宣言されているか、Angularモジュールのインポートによって「引き込まれている」ことを確認する必要があります。
ここに例があります：https://github.com/DeborahK/Angular2-GettingStarted/tree/master/APM%20-%20Final star.component.tsをチェックしてください。
私はあなたのHTMLページのサブページを分割すると思いますが、とても簡単です。
<body>
<div clss="ui container">
<reports></reports> //the reports page view render hear,just add
this component class in NgModules, it will works
</div>
<div clss="ui container">
<reports-list></reports-list> //you can add another file also same
</div>
</body>
*これを設定する方法やモジュール内から呼び出す方法がわかりません。*どういう意味ですか？ –
他のtemplateUrlを呼び出すモジュール用の別のコンポーネントファイルをインポートして、レポートtemplateUrlについて知る必要がありますか？ – Shortcircuit
これは役立ちます：https://angular.io/docs/ts/latest/tutorial/toh-pt3.html –