Javascript AngularJS和Html使用对象数组进行选择

Javascript AngularJS和Html使用对象数组进行选择,javascript,angularjs,model-view-controller,Javascript,Angularjs,Model View Controller,我有以下数据项,我想绑定到一个HTMLSelect元素并显示可用的答案 var array = [{ name: 'bob', isSelected: false}, {name: 'james', isSelected: false}]; 每个项目的isSelected属性将为true或false。如果为true,我希望在select元素中选择该项 我还需要将isSelected属性更新为true/false,具体取决于是否选中该项 我尝试过使用这个,但没有显示任何内容 <select

我有以下数据项,我想绑定到一个HTMLSelect元素并显示可用的答案

var array = [{ name: 'bob', isSelected: false}, {name: 'james', isSelected: false}];
每个项目的isSelected属性将为true或false。如果为true,我希望在select元素中选择该项

我还需要将isSelected属性更新为true/false,具体取决于是否选中该项

我尝试过使用这个,但没有显示任何内容

<select ng-options="a.name for a in array">
</select>


有人能帮忙吗?

您的示例中没有绑定。以下是AngularJS文档中更完整的示例:。换句话说,ng model=“”是必需的。

您应该使用ng model来检索

例如:

<select ng-model="result" ng-options="a.name for a in array" multiple>
</select>

您的选择将绑定结果。在这种情况下。如果您选择第一个选项。结果将是[{name:'bob'}]


请注意,多重选择的结果始终是数组

如果它不是
select multiple
为什么需要
isSelected
属性?
select
的值将是所选的任何名称。请仅询问堆栈上以前未回答的问题。此外,您还需要一个
ng model
属性来存储值,以便
ng options
起作用。我建议您这样做,就像每个人都是对的,您需要ng模型在选择某个内容后执行实际绑定一样,但select中没有显示任何内容的主要原因是因为您使用的是var数组而不是$scope.array。