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良好的前几次,但只有永远超过一些简单的迭代 - 这样的任务似乎只是复杂的给我,我甚至不知道这是否是可能的。我将如何去做这件事?
非常感谢您的任何意见和/或帮助!