如何根据Angular中的数据自动选择复选框

时间:2021-05-29 10:32:14

标签: angular

view this

我想使用此列表自动选中复选框。

html

  <div>
      <form [formGroup]="myForm">
          <ul class="chat-user-list">
              <li *ngFor="let empl of emp">
                  <a>
                      <div class="media">
                          <span class="avatar"><img alt="" src="assets/img/profiles/avatar-09.jpg"></span>
                          <div class="media-body align-self-center text-nowrap">

                              <div class="user-name">{{empl.employeeName}}</div>

                          </div>
                          <div class="input-group-append">
                              <input type="checkbox"  
                                  (change)="addEmployee(empl.employeeGuid, $event.target.checked)"
                                  (change)="viewAddedEmployees(empl.employeeName, $event.target.checked)">
                          </div>
                      </div>
                  </a>

              </li>
          </ul>
          <button class="btn btn-primary submit-btn" (click)="submitSelectedEmployee()" type="submit">Submit</button>
      </form>

      <!-- <pre>Form values: {{myForm.value | json}}</pre> -->
  </div>

ts

     this.assignedEmpList = this.indivijualTask.taskAssignedEmployeeList;

这个variable(assignedEmpList)存储了检查的数据,控制台结果如上图

0 个答案:

没有答案
相关问题