2017-06-16 50 views
0

使用AngularJS,我需要生成使用ngRepeat生成每个输入用于web应用设置一个复杂的对象。的设置对象的示例如下:迭代使用ngRepeat以产生输入

// in HostController where var host = this 
host.settings = { 
    section: { 
    property: {name: "Option title", value: 1024}, 
    property: {name: "Option title", value: false}, 
    property: {name: "Option title", value: "#000000"}, 
    }, 
    section: { 
    dropdownPproperty: {name: "Option title", value: "a", values: ["a", "b", "c", "d"]}, 
    dropdownProperty: {name: "Option title", value: "g", values: ["e", "f", "g", "h"]}, 
    }, 
    section: { 
    group: { 
     property: {name: "Option title", value: 0.9}, 
     property: {name: "Option title", value: 1.2}, 
    }, 
    group: { 
     property: {name: "Option title", value: 1}, 
     group: { 
     property: {name: "Option title", value: 0.5}, 
     }, 
    }, 
    }, 
    section: { 
    property: {name: "Option title", value: false}, 
    } 
}; 

注意,在这个例子中,对象的部分已经被命名为他们应该做的是,例如节/属性/组 - 因此,这些名字可以”用于识别。

设置对象分为不同的部分。所有部分都在对象的第一层。每个部分至少应该有自己的<div>

每个属性应该有它自己的<input> - 输入的类型应该取决于属性的值(例如数字/布尔值(复选框)/文本)。

如果属性应该是一个下拉(即,具有值数组),那么它应该是一个下拉菜单。

我想忽略组 - 各组的性质应遍历仿佛组不存在的。

我用ngRepeat良好的前几次,但只有永远超过一些简单的迭代 - 这样的任务似乎只是复杂的给我,我甚至不知道这是否是可能的。我将如何去做这件事?

非常感谢您的任何意见和/或帮助!

回答