0
私はAngular2-Meteorを使ってデモアプリケーションを作成するチュートリアルに従っています。チュートリアルへAngular2-Meteor:私のアプリの外でコンポーネントを再利用する方法
リンク:http://www.angular-meteor.com/tutorials/socially/
私はアプリからいくつかのコンポーネントを使用したい外部のウェブページを持っています。
<body>
...
<parties-list></parties-list>
</body>
おかげで:
import 'reflect-metadata';
import {Component} from 'angular2/core';
import {Parties} from '../../../collections/parties.ts';
import {PartiesForm} from '../parties-form/parties-form.ts';
@Component({
selector: 'parties-list',
templateUrl: '/client/imports/parties-list/parties-list.html',
directives: [PartiesForm]
})
export class PartiesList {
parties: Mongo.Cursor;
constructor() {
this.parties = Parties.find();
}
removeParty(party) {
Parties.remove(party._id);
}
}
が、例えば、別のhtmlファイルで、アプリ外でこのコンポーネントを使用することが可能です:
これはチュートリアルからPartiesListコンポーネントの宣言は、あります前進。
私はすでにこれを行っていますが、私のタグ内のコンポーネントを使用することができます。コンポーネントはレンダリングされ、機能します。私はそれが別のWebページで、アプリのHTMLの外でそれを再利用することが可能かどうかを知りたかった。 –
これは角度成分の使用方法の2つの方法です。個別に 'bootstrap()'とその他の角度成分の中にあります。 –