更改离子按钮状态

时间:2015-12-17 05:30:59

标签: angularjs button ionic

起初,抱歉我的英语不好。 我对离子按钮有一些疑问。 enter image description here

enter image description here

就像图像一样,当我点击其中一个时,另一个按钮会改变它的背景色买入。

你可以帮帮我吗?

1 个答案:

答案 0 :(得分:0)

以下是一个示例:http://jsfiddle.net/beaver71/3Lsb8oab/8/

代码使用ng-class指令根据$ scope属性值(btn)更改按钮类:

    <div class="list">
      <div class="item">
        <button class="button" ng-class="{'button-assertive': btn == 1}" ng-click="btn = 2">
          First
        </button>
      </div>
      <div class="item">
        <button class="button" ng-class="{'button-assertive': btn == 2}" ng-click="btn = 1">
          Second
        </button>
      </div>
    </div>
相关问题