javascript - Angular 多选

Question

公平的互联网人士你好。

我正在尝试使用 ng-Options 在 Angular 中创建一个多选元素，并让它使用一个简单的数字数组作为其模型。

$scope.model = [ 3 , 4 ];

目前，我所能得到的最远的是模型(显示所选条目)是否与 ng-Options 匹配相同的格式。例如:

<select multiple
        data-ng-model="article"
        data-ng-options="category.name for category in categories track by category.id">
</select>

$scope.categories = [
    { id: 1, name: "ABC" },
    { id: 2, name: "DEF" },
    { id: 3, name: "GHI" },
    { id: 4, name: "JKL" }
];

$scope.article = [ 
    { id: 3 , name: "GHI" },
    { id: 4, name: "JKL" }
];

以上内容可以视为以下内容的示例 1:https://jsfiddle.net/hyvwpoL8/1/

是否可以将categories.name视为描述性标签，并仅使用categories.id的值作为将其与模型(如上面的模型引用，或 fiddle 上的article2引用)绑定(bind)的手段？

预先感谢您的任何提示!

Answer 1

只使用select as label并且不要使用track by，两者不能一起工作。您可以看到running example或以下代码将起作用。

   <select multiple
    data-ng-model="article"
    data-ng-options="category.id as category.name for category in categories">
</select>

$scope.categories = [
    { id: 1, name: "ABC" },
    { id: 2, name: "DEF" },
    { id: 3, name: "GHI" },
    { id: 4, name: "JKL" }
];

$scope.article = [3,4];