1
我在Angular中使用ui-select在我的页面中有一个选择框。我可以通过键入进行搜索,当我选择值时,名称将显示[哪些是好的],并且ng型号具有选定值id [这也是正确的]Angular UI选择默认选定值
现在我尝试加载视图已经保存了记录。我想要选中的框预先填充。
但它不!
这是我的HTML
<ui-select ng-model="vm.product.category">
<ui-select-match placeholder="Type to search">{{ (vm.categories | filter : { id : vm.product.category } : true)[0].name }}</ui-select-match>
<ui-select-choices repeat="category.id as category in (vm.categories | filter: {name: $select.search})">
<span ng-bind-html="category.name | highlight: $select.search"></span>
</ui-select-choices>
</ui-select>
这里是我的控制器,
app.controller('productDetailsController', [
'$scope', 'Product',
function ($scope, Product) {
var vm = this;
vm.product = {};
vm.categories = [{name: "General", id: "1"}, {name: "Product", id: "2"}]
Product.get({id: id}).$promise.then(function (data) {
vm.product = data.data;
}, function (error) {
alert(error);
});
}
]);
当我加载记录从我的数据库模型()具有ID。但我希望名称能够显示给用户。
我该怎么做?我在这里做错了什么?
在此先感谢!
感谢您的响应。是的,当数据加载时,我确实为'vm.product.category'分配了一个键。当我使用数据库中的数据填充'vm.product'时,在选择器中看不到给定ID的类别名称。 – masterFly
什么数据包含? – ram1993
了解您的问题会更有帮助。 – ram1993