如何为ng-model绑定添加更多有意义的名称?

时间:2012-12-04 01:04:40

标签: angularjs

我正在玩的代码可以找到here

截至目前,在我的所有text字段中,ng-model只有一个名称fieldData。当我获取创建的javascript对象并将其变为JSON对象时,我得到以下内容:

[{"pHolder":"ID goes here","fieldData":"123"},{"pHolder":"Description goes here","fieldData":"456"},{"pHolder":"Drop Dead Date goes here","fieldData":"789"}]

由于每个字段具有不同的含义,我希望将其反映在绑定名称中。 因此,我希望array三个objects string而不是fieldData,其中arrayobjectsfoo bar {1}} bazfieldData会替换现在{{1}}的每个地方。

我该怎么做?

1 个答案:

答案 0 :(得分:1)

Javascript数组对象非常灵活,就像它的任何其他方面一样,你可以利用它来优势:) ngRepeat遍历任何数组,无论是有序的还是关联的(基本相同)。因此,如果您将阵列更改为:

$scope.entryFields = {
        id: {pHolder:'ID goes here',fieldData:""},
        description: {pHolder:'Description goes here',fieldData:""},
        date: {pHolder:'Drop Dead Date goes here',fieldData:""}
        };

ng-repeat元素仍然可以工作(您可能需要重新排序,因为它按字母顺序按键名称排序,默认情况下)没有任何更改,但您可以按名称(点表示法)对字段进行处理。请参阅更新的小提琴here