如何基于angularjs中的值启用或禁用按钮？

如何根据选择值启用或禁用按钮？

---

我想禁用一个按钮，但一旦选择值更改为某个值“xxxx”，该按钮将被启用。

使用

ng disabled

，如下所示：

<div class="form-group">
    <label class="control-label"> Etat</label>
    <select class="form-control" name="singleSelect"  ng-model="demande.etat">
        <option value="etude">etude</option>
        <option value="Accepte">Accepte</option>
        <option value="Refus">Refus</option>
    </select><br>
</div>

<button ng-disabled="demande.etat != 'Accepte'">
    ....
</button>

埃塔特
练习曲
接受
勒菲斯

在按钮标记中，使用如下内容：

<div class="form-group">
    <label class="control-label"> Etat</label>
    <select class="form-control" name="singleSelect"  ng-model="demande.etat">
        <option value="etude">etude</option>
        <option value="Accepte">Accepte</option>
        <option value="Refus">Refus</option>
    </select><br>
</div>

<button ng-disabled="demande.etat != 'Accepte'">
    ....
</button>

....

有关更多详细信息，请访问：

使用选择框的型号值启用或禁用

或

---

发布您的代码以便可以临时编写

您可以在条件下使用

ng

$scope.MyButton = true;

<button ng-if="MyButton === false">
  ....
</button>

$scope.MyButton=true；
....

检查此项。。。
如果你想要查奇，请发表评论


angular.module（“myApp”，[]）。
控制器（“myController”，函数（$scope）{
$scope.buttonShow=false；
$scope.checkVal=function（）{
如果（$scope.demande.etat==“接受”）{
$scope.buttonShow=true；
}否则{
$scope.buttonShow=false；
}
}
});

埃塔特
练习曲
接受
勒菲斯


按钮
非常简单：ngModel+ngDisabled指令。检查文档。这将使按钮完全停止渲染。@anierzad如果在适当的位置使用
ng如果
它将显示适当条件下的适当数据，但它不会回答原始海报提出的问题。my angularjs无法识别禁用的ng。@SaidiMeriem您使用的是哪个版本的angular？顺便问一下，应用程序是否无法识别该指令，或者它是否未绑定到您的数据？请在您的原始帖子中插入控制器和html源代码，以便我们了解问题所在。我使用的是AngularJS v1.4.7，是的，应用程序无法识别方向。我编辑了我的提示，以反映您在文档中的内容。1.4.7应在禁用ng的情况下工作。所以问题是，它是否由同一个应用程序/控制器管理？您可以尝试在
ng disabled
指令中简单地写入
true
和
false
，以检查应用程序是否真正识别那里的指令。ng disabled正在工作，但不是正确的方式，它即使在demande.etat='accept'时也被禁用