2016-05-01 1 views
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コンポーネントの宣言は、あります前進。

答えて

0

あなたは

bootstrap(PartiesList) 

または別の角度成分を考慮してのような角のアプリケーションでそれを使用することができます。

+0

私はすでにこれを行っていますが、私のタグ内のコンポーネントを使用することができます。コンポーネントはレンダリングされ、機能します。私はそれが別のWebページで、アプリのHTMLの外でそれを再利用することが可能かどうかを知りたかった。 –

+0

これは角度成分の使用方法の2つの方法です。個別に 'bootstrap()'とその他の角度成分の中にあります。 –

関連する問題