选择或取消选择Angular 2打字稿中条件的复选框

Question

<input id="discover" type="checkbox" (click)="subfilters()" value="Selling assets" name="Selling Assets" style="  text-align:center;  padding-left: 156px;">Discover

以上是我点击复选框的HTML代码。所以我需要设置一个条件，如果我单击此按钮转到subfilters（）函数并选中是否选中复选框，然后执行复选框条件内的代码。

Answer 1

Working Plnkr

尝试以下代码：

@Component({
  selector: 'my-app',
  template: `<h1>Test App</h1>
  <label><input type="checkbox"  [checked]="checkbox1" (click)='showPopup($event)'/> Oops! </label>

  `
})
export class AppComponent { 

  checkbox1 = false;

  showPopup(e) { 

    alert(e.target.checked);
  } 
}

希望能解决你的问题。