0
Ich habe ein Tutorial verfolgt, um eine Demo-App mit Angular2-Meteor zu erstellen.Angular2-Meteor: wie man Komponenten außerhalb meiner App wieder verwendet
Link zu Tutorial: http://www.angular-meteor.com/tutorials/socially/
Ich habe eine externe Web-Seite, wo Ich mag würde einige Komponenten aus der App verwenden.
Dies ist die PartiesList Komponentendeklaration, aus dem Tutorial:
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);
}
}
Ist es möglich, diese Komponente außerhalb der App zu verwenden, in einer anderen HTML-Datei, zum Beispiel:
<body>
...
<parties-list></parties-list>
</body>
Danke voraus.
Ich habe das schon getan, ich kann die Komponente in meinem Tag verwenden, die Komponente rendert und es ist funktionsfähig. Ich wollte wissen, ob es möglich ist, es außerhalb der App HTML, in einer anderen Webseite wieder zu verwenden. –
Dies sind die 2 Möglichkeiten, wie eine eckige Komponente verwendet werden kann. Einzeln durch 'bootstrap()' und innerhalb einer anderen eckigen Komponente. –