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

}

您可以查看angular tutorial页面上的app.component.ts代码

Answer 2

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

示例：

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

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

2 个答案: