Php angularjs中的单切换按钮用于打开/关闭

我有两种不同的标签。我希望它在切换滑块按钮上工作。
这是我的代码：

<div class="btn-group" id="save">   
  <label href="#pre_sum" 
         for="id_url"
         data-toggle="modal" 
         class="btn btn-default btn-on btn-lg" 
         ng-click="getdata()" 
         id="saveOn">
    ON
  </label>
  <label id="devicesStatusId" 
         class="btn btn-default btn-off btn-lg" 
         style="color:#fff;background-color:#DA4F49" 
         id="saveOff"
         ng-click="changeDeviceStatus();" 
         id="devicesStatusId">
    OFF
  </label>
</div>

在…上
关

我不能给你一个直接的Angular.js答案，但我可以通过一点vue.js+描述帮助你理清逻辑（至少我会怎么做）。但是请确保你编辑了你的问题，这样它就能描述你想做什么，人们不喜欢肤浅的问题

我也不知道为什么你的标签有多个ID

示例

<label v-if="labelOn" @click="toggleLabel"> On! </label>
<label v-else @click="toggleLabel"> Off! </label>

<script>
new Vue({
    data: {
        labelOn: false;
    },
    method: {
        toggleLabel()
        {
            if(this.labelOn == true){
                this.labelOn = false;
            } else {
                this.labelOn = true;
            }
        }
    }
})
</script>

打开！
关
新Vue({
数据：{
拉贝隆：假；
},
方法：{
toggleLabel（）
{
if（this.labelOn==true）{
this.labelOn=false；
}否则{
this.labelOn=true；
}
}
}
})

说明

这个脚本非常简单，让我先解释一下vue.js函数的用法，然后再介绍一下逻辑

标签上的

v-if

属性基本上表示“如果此值为真，则显示此”因此在本例中，如果labelOn为真，则显示第一个标签或显示第二个标签，因此

v-else

，非常简单

@click

属性基本上是指当您单击此标签时，执行此功能。很简单，在两个标签上调用的函数都是

toggleLabel

现在，toggle label函数只是将

labelOn

的值从true更改为false，反之亦然。这里的逻辑是：

• 单击标签时，启动vue.js脚本中的

  toggleLabel

  函数
• 然后，

  toggleLabel

  函数检查

  labelOn

  变量的值是否为真，如果为真则翻转为假，如果为假则翻转为真
• 标签上的

  v-if

  属性现在检查

  labelOn

  的值，并根据该值隐藏/显示正确的标签

---

希望您能将该逻辑应用到vue.js，我知道我开发问题的大部分时间都是我尝试执行的活动背后的逻辑，希望这能澄清一些问题。

请帮助某人解决滑块按钮中的问题。我对AngularJS一无所知。我之所以来到这里是因为

PHP

标签…您是否尝试过再次将其关闭？请进一步澄清您的问题。是的，它可以打开和关闭谢谢这对我有帮助，但我必须在滑动的单切换按钮上执行此操作off@VishnuJoshi你可以把这个应用到那种情况，它将以相同的方式工作，只需将onclick属性移动到按钮并从那里开始。同时更深入地解释你的问题，这将帮助人们理解问题所在！