如何在初始加载时触发更改事件?

时间:2017-07-14 05:39:19

标签: angular

最初我想使用初始事件触发器将所有菜单推入状态为0的数组,然后如果检查则将其设为1,否则为0本身。当ngFor加载时,可以进行事件更改最初?

**app.html**

   <div *ngFor="let menu of menus" class="checkbox">
        <label>
        <input type="checkbox"   (change)="updateChecked(menu,$event)"> 
         {{menu.name}}
        </label>
  </div>

1 个答案:

答案 0 :(得分:1)

将您的menu.status附加到[(ngModel)]然后angular为您完成工作,您只需提供一个具有初始状态值的数组,复选框是1 or 0,{{1我会根据复选框值更改状态值,当您切换复选框时,内部javascript会将ngModel视为1 and 0,因此true or false将在输出中为menu.status,下面是工作片段

true or false
打字稿文件中的

    <ul>
        <li *ngFor="let menu of menus; let i = index">
          <label>
            <input type="checkbox" [(ngModel)]="menu.status" (change)="updateChecked(menu, $event)" class="" />{{menu.name}}
          </label>
      </li>
    </ul>