开/关切换AngularJS

Question

我正在尝试在angularJS中创建开关。

虽然我的示例没有显示，但我有使用开关的setup指令。

API返回布尔值，但似乎单选按钮将其更改为字符串，因此第一次单击采用布尔值并更改它，然后没有任何事情发生。

我认为这只是CSS而不是angularJS的任何建议我怎么能通过它或者在布尔值而不是字符串之间翻转单选按钮？

Example on CodePen

Answer 1

我不知道您对radio inputs的确切要求，但您可以轻松地使代码正常工作：

http://codepen.io/anon/pen/LxAze

您所要做的就是将此ng-click事件绑定到交换机容器，以便切换emailNotification属性的状态。

<div ng-click="user.emailNotification = !user.emailNotification" class="toggle-bg {{user.emailNotification}}">
      <span class="switch {{user.emailNotification}}"></span>
</div>