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

ng-ng内的模型值-重复不工作

濮阳霄
2023-03-14
.

共有1个答案

缪兴腾
2023-03-14

赋给复选框的模型的值是布尔值,无论它是真的还是假的,除非您定义了该值。但同样,它只有2个选项的价值。

因此,与其使用id作为模型属性,不如将其更改为一些可以存储布尔值的属性。为什么不使用'is selected'

<div ng-controller="quoteController" ng-app="MyApp" class="benefits-container">
    <!-- benefits -->
      <div class="benefit" ng-class="{'selected': pe.id}" ng-repeat="pe in policyEnhancementsArr | filter: {type:'optional'}">
          <div class="top">
              <md-checkbox ng-model="pe.isSelected" class="blue"></md-checkbox>
              <h5 class="item">{{pe.name}}</h5>
              <h5 class="prize">{{pe.loading}}</h5>
          </div>
          <div class="bottom">
              <p>{{pe.limitDisplay}}</p>
          </div>
      </div>
  </div>

然后更新一些isSelected值:

...
{
  "id": "PVC022",
  "name": "NCD Protector",
  "limit": null,
  "limitDisplay": "N/A",
  "desc": "<TBC>",
  "type": "optional",
  "loading": 0.0,
  "isSelected": true
},
...
 类似资料:
  • 问题内容: 我正在尝试允许用户使用和编辑项目列表。(请参阅此小提琴。)但是,我尝试过的两种方法都导致了奇怪的行为:一种方法没有更新模型,另一种方法使每个keydown的表单模糊。 我在这里做错什么了吗?这不是受支持的用例吗? 这是小提琴中的代码,为方便起见进行了复制: ​ 问题答案: 这似乎是一个具有约束力的问题。 建议是不要绑定到基元。 您应该遍历集合内的字符串,而应该遍历对象。解决您的问题 j

  • 在我的角度页面中,我面临着动态ng模型值的一些问题。这是我的示例JSON。 我想从这个josn中做的是,在我的页面中创建一个视图,这样,它将包含< code>tab1和< code>tab2作为页面标题,以及相应的< code>value作为< code>checkbox。用户将有选择他的选项的选择性。在提交时,我想得到他选择的选项。我想知道在我的控制器中选择了< code>value1,valu

  • 我有一个非常简单的代码。,当值正确时将显示输入。但是不起作用,我在pre中没有看到任何东西

  • 问题内容: 我是 AngularJs的 新手。谁能说出ng-model和data-ng-model之间的区别? 与ng-model 使用data-ng-model 问题答案: 最佳实践:建议使用破折号分隔格式(例如ng-bind用于ngBind)。 如果要使用HTML验证工具,则可以改用数据前缀版本(例如ngBind的data-ng-bind)。 出于遗留原因,可以接受上面显示的其他表格,但是我们

  • 问题内容: 可能是愚蠢的问题,但是我的html表单带有简单的输入和按钮: 然后在控制器中(从routeProvider调用模板和控制器): 为什么单击按钮后,视图在控制台中正确更新但未定义? 谢谢! 更新:似乎我实际上已经解决了该问题(在不得不提出一些解决方法之前),方法是:只需将我的属性名称从更改为,然后在控制器中定义空对象,瞧……不知道它为什么起作用虽然;] 问题答案: 控制器作为 版本(推荐

  • 我有以下输入-窗体-控件: 但是如果我像上面那样使用我的regex,我可以输入'、'或‘。符号。正确的正则表达式是什么?

  • 我正在使用更改子控制器中变量的值,但更改并没有反映到其父控制器中。 html和testCrl

  • 问题内容: 我正在尝试创建一个自定义组件,该组件使用从内而外的指令使用动态ng-model。 例如,我可以调用不同的组件,例如: 使用如下指令: 想法是,如果模型发生更改,则指令中的文本框将发生更改,反之亦然。 事实是,我尝试了不同的方法,但都没有成功,您可以在此处检查以下方法之一:http : //plnkr.co/edit/7MzDJsP8ZJ59nASjz31g?p=preview在此示例中