使用ng-model的按鈕而不是複選框？

Question

我正在成功使用這個ng級的代碼。

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

你可以這樣做

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