如何在Angular2组件中使用导出的类

Question

因此，我将此类放在单独的文件中：

export class MyModel {
      votes: number;
      title: string;
      link: string;

      constructor() {
        this.title = 'Github';
        ///
      }

      myfunc()

     ///
}

而且我想在此组件中使用其道具，但无法弄清楚该如何做：

import { Component } from '@angular/core';
import { MyModel } from './models.model';

@Component({
  selector: ///
  templateUrl: ///
  styleUrls: ///
})
export class SomeComponent {
    //declare somehow..?
}

Answer 1

您可以如下声明：

import { Component } from '@angular/core';
import { MyModel } from './models.model';

@Component({
  selector: ///
  templateUrl: ///
  styleUrls: ///
})
export class SomeComponent {

  public objOne: MyModel;
  public objTwo: MyModel;

  ngOnInit() {
    this.objOne = {
      title : 'First Object'
    };

    // or you can declare it as below
    this.objTwo = new MyModel();
  }

}

您可以在页面角度教程中查看app.component.ts代码

Answer 2

您可以简单地使用new关键字声明一个对象，然后使用该对象访问title和其他属性。

例：

var obj = new MyModel();
console.log(obj.title);