单击AngularJS切换字符串 启用 $scope.visibilityEnable=函数（）{ document.getElementById（'visibilityStatus'）。值（document.getElementById（'visibilityStatus'）。值=='Enabled'？'Disabled'：'Enabled'）； }

使用AngularJS，我尝试在两个值之间切换单击

按钮

时，我尝试使其切换的值为

启用

和

禁用

---

提前感谢

通过控制器，您只需设置要显示的值，并让HTML模板呈现您的值

将标记更改为：

<button id="visibilityStatus" ng-model="visibilityStatus" ng-click="visibilityEnable()">Enable</button>

$scope.visibilityEnable = function() {
    document.getElementById('visibilityStatus').value(document.getElementById('visibilityStatus').value == 'Enabled' ? 'Disabled' : 'Enabled');
}

---

从控制器中，您只需设置要显示的值，并让HTML模板呈现您的值

将标记更改为：

<button id="visibilityStatus" ng-model="visibilityStatus" ng-click="visibilityEnable()">Enable</button>

$scope.visibilityEnable = function() {
    document.getElementById('visibilityStatus').value(document.getElementById('visibilityStatus').value == 'Enabled' ? 'Disabled' : 'Enabled');
}

有点简单

$scope.buttonText = 'Enable'
$scope.visibilityEnable = function(){
  $scope.buttonText = $scope.buttonText === 'Enable' ? 'Disable' : 'Enable';
}

{{buttonext}

有点简单

$scope.buttonText = 'Enable'
$scope.visibilityEnable = function(){
  $scope.buttonText = $scope.buttonText === 'Enable' ? 'Disable' : 'Enable';
}

{{buttonext}

<button ng-init="buttonText='Enable'" ng-click="buttonText = buttonText === 'Enable' ? 'Disable' : 'Enable'">{{buttonText}}</button>