【问题标题】:all checkboxes selected on selecting specific checkbox among multiple checkboxes which has [(ngModel)] in angular4在角度 4 中具有 [(ngModel)] 的多个复选框中选择特定复选框时选中的所有复选框
【发布时间】:2017-11-26 22:46:33
【问题描述】:

这里的“n”是递增的,默认为 0,当我单击“NEXT”时,它递增 1 , 分别返回对象

statement 1:
============

#let option of question[0].options

 here,lets assume "option" will have 1st question's option. and outputs the 
 following using *ngFor

 **<input name="0"  value="{{q1_option_value}}" [(ngModel)]="option_value[0]" 
type="checkbox"/><span>{{q1_option_value}}</span>**

 **<input name="1"  value="{{q1_option_value}}" [(ngModel)]="option_value[1]" 
type="checkbox"/><span>{{q1_option_value}}</span>**

 =========================
'n' value incremented by 1
 =========================


 **<input name="0"  value="{{q2_option_value}}" [(ngModel)]="option_value[0]" 
type="checkbox"/><span>{{q2_option_value}}</span>**

 **<input name="1"  value="{{q2_option_value}}" [(ngModel)]="option_value[1]" 
type="checkbox"/><span>{{q2_option_value}}</span>**

现在,当我在 question1 的选项中选择一个复选框时,该选择存在 下一个问题也...

这是我的代码示例!

<form>
 <div class="choice">
  <div *ngFor="let option of question[n].options; let i = index">
   <input name="{{i}}"  value="{{option}}" [(ngModel)]="option_value[i]" 
    type="checkbox"/><span>{{option}}</span>
  </div>
 </div>
</form>

【问题讨论】:

标签: angular checkbox


【解决方案1】:

technology_value 是一个数组吗?如果有,你试过吗?

[(ngModel)]="technologies_value[i]"

【讨论】:

  • 好的。好吧,您有多个复选框,因此 ngModel 需要能够将每个复选框绑定到自己的值。目前,您将它们全部绑定到同一个变量 (technologies_value),因此它们都获得相同的值。
  • 感谢您的回答,但在实施您的解决方案后,我遇到了另一个问题,所以我重新编辑了我的问题,请看一下
  • 好的。我可能不完全理解这个例子,但 ngModel 需要为每个单独的复选框设置一个值。在您的示例中,您有: option_value[0] 然后 option_value[0] 再次为下一个“N”重复。如果 N 上升到 1(意味着它先是 0,然后是 1),那么您将需要 option_value[0]、option_value[1]、option_value[2] 和 option_value[3]
  • {{option}}
    这里,n 执行为 index & i 执行为 key - - 因此我已经解决了这个问题..谢谢你们......
猜你喜欢
  • 2019-11-24
  • 2017-08-27
  • 2014-06-20
  • 2020-07-13
  • 2018-08-25
  • 2012-05-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多