如何在angular2表单中使用typescript接口?

时间:2016-04-16 04:48:13

标签: typescript angular

我在angular2中有一个简单的表单,其中我传递给创建表单的对象应该是接口类型...我在这里做了一个小的plunker演示http://plnkr.co/edit/GXyZfXenDcDLiCWwjfYN?p=preview ...如果传递的对象是键入null然后我想调用新实例但它没有发生...是否可以为接口调用新实例...

interface  Cust {
label: string;
}

这是我的界面,下面是我在我的组件中调用新实例的方法

  Create(data:Cust){
if(data==null){
  data=new Cust();
}
    this.myForm = this.localfb.group({  
  'sku':  [data.label, Validators.required]  
}); 
}

有人请指导我正确的方向......

1 个答案:

答案 0 :(得分:1)

您无法实例化界面。你想要一个类,而不是一个接口。如果你查看JavaScript输出,你会看到一个接口实际上没有创建任何输出,同时为一个类创建了一个闭包。