app.component.tsファイルのAngular2クイックスタートコードから作業しています。
ファイルは次のようになります。
import {Component} from 'angular2/core';
@Component({
selector: 'app',
template: `<h1>Title Here</h1>'
})
export class AppComponent { }
これは期待どおりに機能します。
私がやりたいのは、この同じページに別のコンポーネントを追加することです...だから私はこれを試しました：
import {Component} from 'angular2/core';
import {ComponentTwo} from 'angular2/core';
@Component({
selector: 'app',
template: `<h1>Title Here</h1>'
}),
@Component({
selector: 'appTwo',
template: `<h1>Another Title Here</h1>'
})
export class AppComponent { }
これは機能しません...私が何か間違ったことをしているのですか、それともこれは許可されていませんか？
ページに同じセレクターを持つ2つのルートコンポーネントを@Component()含めることはできません。また、同じクラスに2つのデコレーターを含めることもできません。
コンポーネントに異なるセレクターがある場合は、ルートコンポーネントごとにブートストラップを実行するだけです。
@Component({
selector: 'app',
template: '<h1>AppComponent1</h1>'
})
export class AppComponent1 { }
@Component({
selector: 'appTwo',
template: '<h1>AppComponent2</h1>'
})
export class AppComponent2 { }
bootstrap(AppComponent1)
bootstrap(AppComponent2)
ルートコンポーネントを複数回追加できるようにセレクタをオーバーライドサポートするための未解決の問題がある
- https://github.com/angular/angular/issues/915は、
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加