使用按钮而不是ng-model的复选框？

Question

我正在成功使用这个ng-class代码。

HTML

  <div class="col-sm-5" ng-class="{myDynamicWidth: MYWIDTH}"   ng-repeat="x in names">

  ...

  </div>

 <input type="checkbox" ng-model="MYWIDTH">WIDE

CSS

.myDynamicWidth {
  width: 100%;
}

如何使用按钮而不是复选框???

来获得相同的结果

单击放大，再按一下同一按钮最小化。

Answer 1

您可以通过执行此操作来切换MYWIDTH的值

<button ng-click="MYWIDTH = !MYWIDTH">Wide</button>