使用Typescript在angular2上开关按钮

时间:2016-02-17 10:17:46

标签: typescript angular

我正在angular2使用typescript 如何创建on - off按钮?

1 个答案:

答案 0 :(得分:4)

对你来说这是一个时尚的开关(开/关切换)使用Bootflat主题(我使用Bootflat主题进行样式refer here)。只需将此代码设置为HTML,并添加一些样式。

  

http://plnkr.co/edit/BoiiICbQLKBtePJlsfHZ?p=preview

这是开关代码:

<label class="toggle col-sm-8">
  <input type="checkbox"(click)="Existing()">
  <span class="handle" style="top:0 !important"></span>
</label>

<h2 class='bg-danger'>Your Switch value Is  : {{value}}</h2>