如何在初始加載時觸發更改事件？

Question

最初我想推動所有的菜單進入一個狀態爲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> 

Answer 1

附上menu.status到[(ngModel)]然後角度做工作適合你，你需要的就是提供一個數組與複選框無論是1 or 0，ngModel將根據複選框的值更改狀態值初始狀態值，內部的JavaScript把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> 

在打字稿文件

export class AppComponent{ 
    menus: any[]; 
    constructor() { 
     this.menus = [ 
      { 
       name: 'home', 
       status: 0 
      }, 
      { 
       name: 'about', 
       status: 1 
      } 
     ] 
    } 

    updateChecked(menu, event) { 
     console.log(this.menus); // inspect menu, menus and event here 
    } 
}