Question

我想添加一个状态按钮Start / Stop，它从json接收状态并在按钮上显示。如果状态是＆＃34;开始＆＃34;它切换到绿色按钮。如果状态是＆＃34;停止＆＃34; 红色按钮可见。同样在按钮上单击开始状态将停止，反之亦然，并发送状态。

    <div class="navbar-collapse collapse"  ng-controller="DataCtrl" >
     <form class="nav navbar-nav navbar-left" ng-repeat="state in datas" >

     <button type="button" ng-show ="isSet()" ng-click="setStatus()" class="btn btn-lg btn-success">{{state.status}}</button>
     </form>

我试过了http://plnkr.co/edit/jw0dpxZRFtkyqA1nwMuO?p=preview，但我无法在这里处理数据绑定。如何检查状态并切换？

P.S。我是棱角分明的新手。帮助我学习。

Answer 1

这是一个可以学习的简单示例： plunkr

主要思想是在范围上设置变量，并在单击按钮时设置它。你也可以根据变量值给出一个类：

<button type="button" 
        ng-click="status = !status" 
        class="btn btn-lg" 
        ng-class="{'btn-success' : status, 'btn-danger' : !status}">

同样适用于您想要显示/隐藏元素

在Angular中切换开始/停止并发布数据

1 个答案: