Question

如何在Angular JS Listbox中设置项目。这应该在列表框中显示为选中。

HTML

<select multiple ="multiple" style="width:180px" ng-model="md_fruitpref" ng-options="fruit.Id as fruit.Name for fruit in Fruits"></select>

控制器

//Controller to set the items in Fruit 
$scope.Fruits = [{
    Id: 1,
    Name: 'Apple'
}, {
    Id: 2,
    Name: 'Mango'
}, {
    Id: 3,
    Name: 'Orange'
}, {
    Id: 4,
    Name: 'Guava'
}, {
    Id: 5,
    Name: 'Banana'
}, {
    Id: 6,
    Name: 'Watermellon'
}];

这将为Listbox填充各种成果。

现在，我想在列表框中显示包含所有水果的网页，但选择Apple和Watermellon。所以我这样做但是没有帮助。

$scope.md_fruitpref= [{
    Id: 1,
    Name: 'Apple', 
    Id: 6,
    Name: 'Watermellon'    
}];

如何在Angular JS Listbox中设置值？

Answer 1

尝试：

// array with 2 elements (each one an object with the same properties)
$scope.md_fruitpref= [{
    Id: 1,
    Name: 'Apple'
}, {
    Id: 6,
    Name: 'Watermellon'    
}];

您当前拥有的结构不起作用，因为您的md_fruitpref数组中只有一个元素，并且该对象无效，因为它使用相同的键两次。

Answer 2

最后我找到了答案。它将是： -

$scope.md_fruitpref= [1,6];

很快就会在这一行之后看到列表框中的选择

如何在Angular JS Listbox中设置值

2 个答案: