Question

我很难弄清楚如何让它们一起工作。这就是我想做的事情：

使用其余API中的$ resource获取模型：

var itemResource = $resource('http://blabla.com/items/:id');
$scope.item = itemResource.get({id: '12345'});

返回的项目有一些字段，其中一个数组字段列出了类别的ID：

{
   "item_name: "some value",
   "categories": ["cat_id1", "cat_id7", "cat_id8"]
}

在UI中，我希望这些类别显示为可编辑的多选。用户不应该使用id操作，而是应该看到并能够选择来自应用程序内映射的字符串表示。所以在html：

<input type"text" ui-select2="categoryOptions" ng-model="item.categories" />

也在控制器中：

var categoryMapping = [
   {id: "cat_id1", text: "CategoryAlpha"},
   ...
   {id: "cat_id8", text: "CategoryOmega"},
   ...
];

$scope.categoryOptions = {
    'multiple': true,
    'placeholder': 'Chose categories',
    'width': 'element',
    'data': categoryMapping,
};

显然上面的代码片段不起作用，我不知道如何让它们按照我想要的方式工作。 ui-select2希望模型（item.categories）是一个对象数组{id，text}，我希望它只存储数据库中项目中的id并将映射分开。我不能成为第一个这样做的人，必须有解决方案，请帮助。

由于

由$ resource提取的多条目select2和角度模型

0 个答案: