AngularJS双向绑定多个选择选项

时间:2015-11-05 21:34:27

标签: angularjs html5

我有一个非独占的字段列表。通常,您将使用html复选框并将每个复选框绑定到模型中的布尔值。然而,我已经抛出一条曲线,为了节省空间,用户希望所有项目都在允许多个选择的选择中呈现。我知道如何在HTML中创建选择本身但是我不确定使用'Angular方式'连接模型的最佳方法。有没有比在控制器中创建一些更好的解决方案来将选择结果“翻译”为一系列布尔值?

2 个答案:

答案 0 :(得分:0)

欢迎来到SO!

尝试使用此指令: https://github.com/amitava82/angular-multiselect

有关SO的更多信息:AngularJS. Bootstrap multiselect without JQuery

答案 1 :(得分:0)

我最终为下拉列表创建了一个var范围。由于我将视图模型保存在一个名为viewmodel的var中,所以这不是太大的交易,因此它不会使用视图模型的其余部分发布到服务器。然后在我的加载和保存函数中,我'加装'和'取消装箱'将布尔值放入一个字符串数组中,我将其输入并从下拉列表中读取。一点点的工作,但它的工作原理。我希望AngularJS框架可以为我处理这个提升但是whatev。

太糟糕了,您无法将数据绑定到选择列表中的选项(selected == true)。