Angular2小知识--实现toggleClass()方法

基于Angular2实现点击按钮切换p标签的class

html代码：

<div class="test">
  <button class="btn btn-primary" (click)="toggleClass()">toggle</button>
  <p [ngClass]="{test1: conStyle == 0, test2: conStyle == 1}">我是一行测试代码！</p>
</div>

ts代码：

export class MainComponent implements OnInit {

  public conStyle=0;

  constructor() {}

  ngOnInit() {}

  toggleClass(){
      this.conStyle==0 ? this.conStyle = 1 : this.conStyle = 0;
  }

}

好啦，这样就可以给p标签替换class啦~~~

转载于:https://my.oschina.net/u/3463910/blog/917205