使用Typescript的angular2上的on-off按钮

我正在将

angular2

与

typescript

一起使用

---

如何创建一个

开-关按钮？
是的，这是一个使用Bootflat主题的时尚开关（开/关切换）（我使用Bootflat主题进行样式设置）。只需将此代码设置为
HTML
，并添加一些样式即可


以下是交换机的代码：

<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>


您的开关值为：{{value}}
请详细说明您试图实现的目标。你看过《角度教程》了吗？你能添加一些代码来演示你的尝试吗？另请参见“帮助”菜单，了解如何提出好问题。谢谢，我必须使用。带脚本类型的angular2应用程序上类似引导的开关按钮。然而，这在angularJs中是可用的，但在angular2中我必须使用它。构建这样一个按钮主要是关于CSS，而不是关于Angular。在Angular中，您只有一个状态（开/关）你的问题与
typescript
和
angular2
没有任何关系，我想这只是
css和javascript
的问题，但我还是给出了答案，希望你会喜欢。大多数css代码都能做到这一点！但很好的例子…如果你正在寻找一个npm模块，那么angular2 ui开关是更好的选择，你也可以在这里使用Primeng的开关