当前位置: 首页 > 面试题库 >

AngularJS复选框ng-repeat和所选对象?

龙德义
2023-03-14
问题内容

我正在尝试以减轻痛苦的适当方式进行操作,但是我无法弄清楚如何处理ng-model并将其绑定到所选列表等,而且我需要在以后填充该列表并保留所选对象在里面。

categories = [ { "name": "Sport", "id": "50d5ad" } , {"name": "General", "id": "678ffr" } ]

    <span ng-repeat="category in categories">
      <label class="checkbox" for="{{category.id}}">
        <input type="checkbox" value="{{category.id}}" ng-model="??" ng-click="??" name="group" id="{{category.id}}" />
        {{category.name}}
      </label>
    </span>

每次填充列表时,我都必须覆盖类别,因为它将从服务器中拉出。

所以我想我需要数组,第二个数组将容纳所选对象?

如果我是对的,如何预选复选框?

我是否需要ng-click命令调用自定义函数才能将所选对象存储在另一个数组中?

我需要在复选框中使用ng-model吗?

减轻痛苦的正确方法是什么?


问题答案:

每次填充列表时,我都必须覆盖类别,因为它将从表单服务器中拉出。所以我问我需要有数组,第二个数组将容纳所选对象?

是的,因为它是一个列表,所以您可以/应该使用数组。有关所选项目/对象的信息应存储在您的范围模型中(以下示例)。

如果我是对的,该如何预选复选框?

将所选选项/复选框的ID保存在模型上,然后ng-model执行其余的操作。

我是否需要ng-click命令调用自定义函数才能将所选对象存储在另一个数组中?

不,您不需要它就ng-model足够了。

我是否需要在复选框中使用ng-model?那又是为了什么呢?

是的,您需要它。该ng-model负责存储你的模型所选择的选项和用于制造(“预- ”)选择自动。

jsfiddle
http://jsfiddle.net/bmleite/PQvQ2/



 类似资料:
  • 问题内容: 我已经建立了一个json,其中包含ID和国家/地区代码附加的国家/地区列表: 看起来像这样: 然后,我使用指令为每个国家/地区创建复选框输入。 但是,当我运行代码时,只能显示以下内容: 此处的位置复选框 如果删除重复部分,我的复选框会很好,但是我需要在每个复选框上附加一个唯一的 我将如何附加一个独特的价值? 此答案(在ng-repeat内生成ng-mode)未提供唯一值 问题答案: 我

  • 问题内容: 嗨,我有一个简单的ng-repeat-start和end用例,并且工作正常,当我想添加一个内部ng-repeat时出现了问题。这是我的代码 内部ng-repeat到td元素中不起作用,在检查html源代码时看到ngRepeat注​​释,但未创建td元素。 我的丑陋的解决方法(假设我知道该向量的大小)是: 问题答案: 从那时起,我不确定是否使用角度1.1.6,并且在1.1.5或1.0.7

  • 问题内容: 我有一张表的ng- repeat,我希望能够在单击时添加一个类,而在未单击时删除该类。可以同时选择多个。目前,所有城市都在或不在接受该课程的申请。 例如:(假设节点有100个项目) 在我的JS中 问题答案: 现在,您要更改的作用域上只有一个属性,所有内容都引用该属性。尝试放到节点上… 而在…

  • 问题内容: 我使用ng-repeat在表中动态添加来自数组的行。 现在,我想获取每行所有总和的总和(group.sum * group.perc / 100.0)。我需要一个变量,因为我需要此值进行进一步的计算。谢谢 的HTML 脚本 问题答案: 创建一个过滤器: 使用$ filter服务: 在您的HTML中使用它:

  • 问题内容: 我正在编写一个简单的AngularJS控制器,该控制器跟踪已选中复选框的数量。尝试避免使用总计数递增/递减。 HTML : 控制器片段 我在尝试访问的控制器中不断收到错误消息: 我创建了一个用于重新创建的Plunk: http ://plnkr.co/edit/qPzETejmMHHZCQ2sV2Sk?p=info 如果有人有任何想法或建议,我将不胜感激。 非常感谢你! 问题答案: 函

  • 问题内容: 我正在尝试为Angular建立一个日托价格计算器。 公司专营权中的每个地点每天都有单独的价格。因此,我的想法是构建一个表单,首先选择一个允许您选择位置的表单,然后再选择一系列复选框。 我在从json文件中选择正确价格的复选框中遇到ng-true-value的问题。 更新: 添加了Plunkr:http : //plnkr.co/edit/MDmrqaH1VzLBzjd5eHgT?p=p