javascript - AngularJS ng-model 将对象转换为字符串

Question

我的 HTML 文件中有以下内容:

    <td style="width: 200px;">
        <span ng-repeat="list in listGroups">
            <label for="{{ list.description }}" />{{ list.description }}</label>
            <input ng-model="$parent.listGroup" id="listGroup-{{ list.value }}"  name="listGroups" value="{{ list }}" type="radio" />
        </span>
   </td>

listGroups 包含:

[
    {
        "description": "New by Territory",
        "group": "product",
        "type": "new"
    },
    {
        "description": "New by Genre",
        "group": "genre",
        "type": "new"
    },
    {
        "description": "Charts by Territory",
        "group": "product",
        "type": "chart"
    },
    {
        "description": "Charts by Genre",
        "group": "genre",
        "type": "chart"
    }
]

当我点击单选按钮时，listGroup(在 ng-model 中设置)变为，例如:

{"description":"New by Genre","group":"genre","type":"new"}

当我用 typeof $scope.listGroup 查看列表组时，我发现它现在是一个字符串!

因此，我无法在 HTML 页面其余部分的其他绑定(bind)中访问它的属性。

在这种情况下，我想要 ng-show="listGroup.group == 'genre'"

这里发生了什么，更重要的是，我如何让它做我想让它做的事情，即将对象保持为对象？

谢谢大家

戴夫

Answer 1

问题是输入的value 属性只接受strings，不接受objects(检查here)。当您执行此操作时:value="{{ list }}"，您基本上是在执行 input.value = list.toString()。

一种可能的解决方法是使用 ng-repeat 指令的 $index。示例:http://jsfiddle.net/bmleite/cKttd/