Javascript 如何使用angular js在切换开关内添加文本on off

开关切换开关正在使用ng模型数据。但如何显示切换开关内部的开关状态

html

---

为文本添加另一个span元素，如果开关关闭，则使用

ng class

为其提供一个额外的类：

<label class="switch">
   <input type="checkbox" ng-model="vm.isActive">
   <span class="slider round" >
       <span ng-class="{ 'off': !vm.isActive }">{{vm.isActive ? 'on' : 'off'}}</span>
   </span>
 </label>

---

检查这里的工作演示：

这是css问题吗？你有一个示例演示吗？这不是css的问题，我只是想把开关里面的开/关，有没有什么好方法可以在切换开关中显示开或关？我们不知道你在使用什么css/库，所以很难有人帮你检查这个链接，我可以用{pump1status_switch}显示开/关数据。

  if ($scope.pump1status.trim() === "1") {
                $scope.pump1status = "1";
                $scope.pump1status_switch = "on";
                $scope.pump1status = {
                    value1: true,
                    value2: 'YES'
                };
            }
            else {
                $scope.pump1status_switch = "off";
                $scope.pump1status = "0";
                $scope.pump1status = {
                    value1: false,
                    value2: 'NO'
                };
            }

<label class="switch">
   <input type="checkbox" ng-model="vm.isActive">
   <span class="slider round" >
       <span ng-class="{ 'off': !vm.isActive }">{{vm.isActive ? 'on' : 'off'}}</span>
   </span>
 </label>

.slider.round {
  border-radius: 34px;
  padding: 7px;
}

.off {
   margin-left:26px;
}