如果满足条件，如何禁用角度控制器中的按钮？

Question

如果布尔变量（从后端返回）为真，我需要禁用按钮。

这是我的角度控制器上的不完整功能，如何更改我的控制器和 HTML 按钮以使其工作？

$scope.flagInLavorazione = function (flagInLavorazione) {
    if (flagInLavorazione === true){
        // What to add here?
    }
}

Answer 1

您正在寻找ng-disabled 。 只需从您的控制器中为其分配一个属性。 当它为true时，该元素将被禁用。 使用后端的值填充该属性。

Answer 2

对于 AngularJS，您可以使用：

<button ng-disabled="isNotReady">I'm a button</button>

Answer 3

编辑：根据您的要求，您将使用：

$scope.disabilitaConvalida = function (flagInLavorazione) { 
    $scope.saldoNegativo = false; 
    if (flagInLavorazione === false) { 
        $scope.saldoNegativo = true;
    } 
}

在您的模板中：

<button ng-disabled="saldoNegativo"></button>

---

原答案：

您在模板中设置：

<button ng-disabled="condition"></button>

和

$scope.condition = true或false在您的控制器中基于后端变量。