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

时间:2016-05-01 23:04:14

标签: meteor angular

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

指向教程的链接:http://www.angular-meteor.com/tutorials/socially/

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

这是来自教程的PartiesList组件声明:

                while !locations.isEmpty && (LocationInterface.sharedInterface.distanceBetweenLocations(first: locations.dropLast().last!, last: locations.last!) > 15)

是否可以在app之外的另一个html文件中使用此组件,例如:

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);
  }
}

提前致谢。

1 个答案:

答案 0 :(得分:0)

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

bootstrap(PartiesList)

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