如何在angular2 [打字稿]中定义具有复杂json结构的模型?

迪内什·达比(Dinesh dabhi)

我有一个具有以下属性的模型

{
   Name:String,
   Id:Number,
   Store:{
      Name:String,
      City:String,
      State:String
   }
}

如何在带有typescript的angular2中使用此结构定义模型?

奥利弗·库克(Oliver Cooke)

只需使用所需的值定义2个接口即可。

export interface ParentModel {
    Name: string;
    Id: number;
    Store: ChildModel
}

export interface ChildModel {
    Name: string;
    City: string;
    State: string;
}

根据您要设置的方式,这些文件可以位于同一文件中,也可以位于两个单独的文件中,如果要将它们放在单独的文件中,请记住将子级导入父级。

希望能有所帮助

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在打字稿Angular2中将JSON对象与变量绑定?

来自分类Dev

如何在angular2或打字稿中获取ng-select中的选项

来自分类Dev

如何在Angular2中触发模型更改事件?

来自分类Dev

如何在angular2中更改模型的值?

来自分类Dev

打字稿如何在angular2中转换为javascript?

来自分类Dev

如何在Angular2 Javascript中添加子组件(无打字稿)

来自分类Dev

Angular2:如何在angular2数据绑定中以html格式显示数据?

来自分类Dev

如何在打字稿中显式定义具有不同元组类型的元组数组?

来自分类Dev

如何在Angular2视图中显示JSON对象

来自分类Dev

如何在Angular2中包含npm中的CSS

来自分类Dev

如何在Angular2中访问HTML视频元素

来自分类Dev

如何在Angular2中使用<html>模板?

来自分类Dev

如何在Angular2中取消订阅

来自分类Dev

如何在Angular2中制作容器组件

来自分类Dev

如何在angular2中获取stateparams的值?

来自分类Dev

如何在Angular2中创建拦截器?

来自分类Dev

如何在Angular2中使组件通用

来自分类常见问题

如何在Angular2中绑定原始HTML

来自分类Dev

如何在Angular2中绑定列表?

来自分类Dev

如何在Angular2中使ngOnChanges工作

来自分类常见问题

如何在Angular2中投放图片?

来自分类Dev

如何在@ViewChild Angular2中查找子元素?

来自分类Dev

如何在Chrome中调试Angular2

来自分类Dev

如何在Angular2中上传文件

来自分类Dev

如何在Angular2中使用MockBackend

来自分类Dev

如何在Angular2中链接Http调用?

来自分类Dev

如何在Angular2中对NgFor的结果运行函数?

来自分类Dev

如何在Angular2中监视服务呼叫

来自分类Dev

如何在Angular2中更改ViewChild的className?

Related 相关文章

热门标签

归档