Angular2-Meteor：如何在我的应用程序之外重用组件答案

【问题标题】：Angular2-Meteor: how to re-use components outside my appAngular2-Meteor：如何在我的应用程序之外重用组件
【发布时间】：2016-05-03 11:02:54
【问题描述】：

我一直在学习使用 Angular2-Meteor 创建演示应用程序的教程。

教程链接：http://www.angular-meteor.com/tutorials/socially/

我有一个外部网页，我想在其中使用应用程序中的一些组件。

这是来自教程的 PartyList 组件声明：

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文件中使用这个组件，例如：

<body>
...
<parties-list></parties-list>
</body>

提前致谢。

【问题讨论】：

标签： meteor angular

【解决方案1】：

您可以在 Angular 应用程序中使用它，例如

bootstrap(PartiesList)

或在另一个 Angular 组件的视图中。

【讨论】：

我已经这样做了，我可以在我的标签中使用该组件，该组件呈现并且它是功能性的。我想知道是否可以在应用程序 html 之外的另一个网页中重用它。
这是使用 Angular 组件的两种方式。单独由 bootstrap() 和另一个 Angular 组件内部。