angularjs - 如何向 ng-model 绑定添加更有意义的名称？

Question

我正在玩的代码可以在这里找到。

到目前为止，在我的所有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三个，我想要一个三个where和被替换在每个地方现在有的地方。objectsstringfieldDataarrayobjectsfoo barbazfieldData

我怎么做？

Answer 1

Javascript Array 对象非常灵活，就像它的任何其他方面一样，您可以利用它来发挥自己的优势:) 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 元素仍然可以正常工作（您可能需要重新排序，因为它默认按键名的字母顺序排序）而不进行任何更改，但您可以按名称（点表示法）对字段进行寻址。在此处查看更新的小提琴。