Question

我有一个模型，其中我有一个方法是有效的

export class ModelClass{
   id: number;
   text : String,

   isValid() : boolean {
      return true;
}
}

第二个模型

export class Rows{
   editable: boolean;
   modelClass: ModelClass;
}

如何在html中调用它???

<table border="1p;">

  <tbody >
    <tr *ngFor="let link of modelClassRows">
      <td>
         <div>toto {{link.applicationLink.isValid()}}</div>
      </td>
   </tr>

  </tbody>
</table>

我的组件的一部分，其中对象被初始化

export class ApplicationLinkListComponent implements OnInit {

modelClassRows: Rows[] = new Array<Rows>();

constructor() {
  }

ngOnInit() {
   // fill modelClassRows
.....
}

Answer 1

您需要以这种方式实例化ModelClass类：

let row = new Rows();
row.modelClass = new ModelClass();
row.modelClass.id = 'some id';
row.modelClass.title = 'some title';
modelClassRows.push(row);

如果你按字面意思实例化并将其转换为类型，那么你将无法使用该方法。

例如：

let row = new Rows();
row.modelClass = <ModelClass>{
  id: 'some id',
  title: 'some title'
};
modelClassRows.push(row);

angular2如何调用对象的方法

1 个答案: