当前位置: 首页 > 知识库问答 >
问题:

AngularJS和Html使用对象数组选择[duplicate]

令狐烨烨
2023-03-14

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

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>

有人能帮忙吗?

共有2个答案

皇甫乐
2023-03-14

您应该使用ng模型来检索

例如:

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

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

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

万俟招
2023-03-14

您的示例中没有绑定。以下是AngularJS文档中更完整的示例:https://docs.angularjs.org/api/ng/directive/select.换句话说,ng model=“”是必需的。

 类似资料:
  • 问题内容: 尝试在angularjs中选择关于对象值的多个选项 这是一个代码: 和html jsfiddle上的(非)工作示例 http://jsfiddle.net/andrejkaurin/h9fgK/ 问题答案: 您尝试使用选择倍数(如复选框列表),这有点奇怪。多选输出一个数组。您不能将ng- model放在这样的选项标签上,而是放在选择本身上。因此,由于select将输出值数组,因此您需要

  • 问题内容: 我正在尝试使用http://angular-ui.github.io/bootstrap/在Angular中实现预输入,其中typeahead字段显示完整地址,但是一旦单击,另一个字段将仅填充该地址的邮政编码。我正在尝试为此使用ng- change或ng-click,但没有成功。 http://jsfiddle.net/UxTBB/2/ 有任何想法吗? 问题答案: 来自http://a

  • 问题内容: 我有以下代码,通过检查球员的裤子大小复选框,尝试对阵列中的球员进行过滤。 我知道我在转发器中有数据数组,然后在数据数组元素(两个不同的div)之外的元素中过滤输入,这可能是导致断开连接的原因吗?因为当我将复选框添加到Repeater元素时我注意到,所以当我单击复选框时,确实会得到某种形式的反馈数组。 绑定搜索输入框非常容易实现,但是我花了太多时间获取这个简单的复选框来过滤数据。 因此,

  • 用于选择对象的选项 在可以修改某个对象之前,需要将其与周围的对象区分开来。只需选择对象,即可加以区分。只要选择了对象或者对象的一部分,即可对其进行编辑。 Illustrator 提供以下选择方法和工具: 隔离模式可让您快速将一个图层、子图层、路径或一组对象与文档中的其他所有图稿隔离开来。在隔离模式下,文档中所有未隔离的对象都会变暗,并且不可对其进行选择或编辑。 图层面板可让您快速而准确地选择单个或

  • 问题内容: 我正在尝试使用角度推功能,但是它不起作用。 我想将字符串(或对象)添加到数组中。 我在此处的Stack Overflow中搜索了基本示例,但找不到。 谁能纠正我的代码或写一个非常基本的示例? 这是我的例子。 这是HTML代码: 这是Java脚本代码: 问题答案: 推送仅对array有效。 使您的对象成为数组对象。 像这样尝试 JS HTML

  • 问题内容: 我正在尝试以减轻痛苦的适当方式进行操作,但是我无法弄清楚如何处理ng-model并将其绑定到所选列表等,而且我需要在以后填充该列表并保留所选对象在里面。 每次填充列表时,我都必须覆盖类别,因为它将从服务器中拉出。 所以我想我需要数组,第二个数组将容纳所选对象? 如果我是对的,如何预选复选框? 我是否需要ng-click命令调用自定义函数才能将所选对象存储在另一个数组中? 我需要在复选框