我想在ng-disabled中给出多个条件

时间:2017-07-07 19:22:55

标签: javascript html angularjs

<button type="button" class="btn-submit upload smooth-hover" data-prod-idx="{{index}}" data-prod-id="{{prod.ProductId}}"
ng-click="vm.onUpload($event, index, prod.ProductId)" 
ngf-select="vm.uploadAttachments($event, $files, $invalidFiles)" multiple accept="image/*,.pdf,*.doc,*.docx" ngf-capture="'camera'"
ngf-max-size="5MB" 
ng-disabled="prod.Product_Status === 'Approved||Not Approved'">
Upload Documents</button>
  1. 我有不同的产品状态条件,具体取决于我要禁用该按钮。我在ng-disable中遇到问题或有问题。如果我给出条件,它不会禁用按钮。
  2. 2.IF点击禁用按钮,它应弹出警告消息(不使用Jquery) 每个条件都有不同的错误消息(ng-disabled中的条件)

    感谢您的帮助!

3 个答案:

答案 0 :(得分:3)

您的条件代码错误

ng-disabled="prod.Product_Status === 'Approved'|| prod.Product_Status === 'Not Approved'"

在案例2中,您可以删除ng-disable,并且在点击功能上,您可以使用这种方式:

function onUpload($event, $files, prod.ProductId){
    if(prod.Product_Status === 'Approved'|| prod.Product_Status === 'Not Approved'){
        alert("Message")
        return;
    }
    // your code
}

答案 1 :(得分:1)

应该是:

ng-disabled="prod.Product_Status === 'Approved' || prod.Product_Status === 'Not Approved'"

||放在字符串中只会使其成为字符串的一部分,而不是逻辑运算符。

答案 2 :(得分:0)

你的表达错误,它基本上与A作为字符串检查进行比较。最好你可以使用this有效的状态数组来使你的实现更紧凑。

Approved||Not Approved

<强>代码

indexOf