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

Question

So I've got this class in a separate file:

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

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

      myfunc()

     ///
}

And I want to use its props in this component, but can't figure out how to do it:

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

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

Answer 1

You can declare it as below :

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

}

You can check app.component.ts code on page angular tutorial

Answer 2

You can simply declare an object using the new keyword and then use that object to access title and other attribute.

Example:

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