Question

我无法弄清楚为什么我无法在选择指令中将对象绑定到ng-model

继承我的HTMl内容代码：

 <select class="form-control" required
                        multiple
                        ng-model="selectedItems"
                        ng-options="r.id as r.name for r in availableItems"
                        chosen>
                </select>

JSON：

$scope.selectedItems= [
        {
            "id": 1,
            "name": "Selected 1",
            "description": "Nulla adi architecto et",

        },
        {
            "id": 2,
            "name": "Selected 2",
            "description": "test",

        }
    ]

$scope.availableItems= [
        {
            "id": 1,
            "name": "Available 1",
            "description": "Nulla adi architecto et",

        },
        {
            "id": 2,
            "name": "Available 2",
            "description": "test",

        }
    ]

但是，我可以在选择下拉菜单中显示可用的项目，但我的要求是：默认情况下，在选择的输入框中显示所选项目。

参考：Localytics-Angular Choosen

Answer 1

Angular会通过将项目与ng-model的值进行比较来自动选择项目。在您的情况下，所选项目为r.id，这是一个原始项，因此相等性将基于比较r.id s：

$scope.selectedItems = [1, 2];

Plunker

将ng-model名称绑定到所选

1 个答案: