禁用按鈕，按鈕上懸停顯示（指出錯誤）警告/錯誤味精取決於狀態與CSS

<div class="col-md-12">   
<button type="button" class="btn-submit upload for-hover smooth-hover"    
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 === ‘A’|| prod.Product_Status === ‘B’ 
|| prod.Product_Status === ‘C’ ">Upload Documents    
</button>   
<div class="alert alert-danger alert-fix on-hover col-xs-6 col-sm-6 
col-md-7 col-lg-7" ng-show="prod.Product_Status === ‘A’」>You are in 
A group</div>    
<div class="alert alert-danger alert-fix on-hover col-xs-6 col-sm-6 
col-md-7 col-lg-7" ng-show="prod.Product_Status === ‘B’」>You are in B 
group</div>    
<div class="alert alert-danger alert-fix on-hover col-xs-6 col-sm-6 
col-md-7 col-lg-7" ng-show="prod.Product_Status === ‘C’」>You are in C 
group</div>  
</div> 


CSS----> 
.on-hover { 
    display: none; 
} 
.for-hover:hover + .on-hover { 
    display: inline-block; 
}

我有一個上傳按鈕，這是工作的罰款與NG-禁用的情況下，在其條件失效按鈕。當我有一定的狀態時，我正嘗試顯示錯誤/警告消息。顯示一個固定的消息正常工作。但我希望根據不同的狀態獲取不同的消息。它不工作。禁用按鈕，按鈕上懸停顯示（指出錯誤）警告/錯誤味精取決於狀態與CSS

來源

2017-07-10 Mohit

var isButtonDisabled = document.getElementById("myButton").disabled;

這可以得到按鈕狀態爲布爾值。根據該值發送警報消息。

來源

2017-07-10 04:33:21 aquarium

您在ng-disabled和ng-show屬性中使用了引號。例如=== ‘B’」

將它們更改爲直引號，並且您的代碼正常工作。

angular.module("app", []) 
 
    .controller("controller", function($scope) { 
 
    $scope.prod = { 
 
     Product_Status: "C" 
 
    }; 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="app" ng-controller="controller" class="col-md-12"> 
 
    <button type="button" class="btn-submit upload for-hover smooth-hover" 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 === 'A' || prod.Product_Status === 'B' || prod.Product_Status === 'C' ">Upload Documents   
 
</button> 
 
    <div class="alert alert-danger alert-fix on-hover col-xs-6 col-sm-6 
 
col-md-7 col-lg-7" ng-show="prod.Product_Status === 'A'">You are in A group</div> 
 
    <div class=" alert alert-danger alert-fix on-hover col-xs-6 col-sm-6 col-md-7 col-lg-7 " ng-show="prod.Product_Status==='B'">You are in B group 
 
    </div> 
 
    <div class="alert alert-danger alert-fix on-hover col-xs-6 col-sm-6 col-md-7 col-lg-7 " ng-show="prod.Product_Status==='C'">You are in C group 
 
    </div> 
 
</div>

來源

2017-07-10 05:14:04 Jaydo

禁用按鈕，按鈕上懸停顯示（指出錯誤）警告/錯誤味精取決於狀態與CSS

回答

相關問題