如果條件存在,我試圖隱藏一個選項,但該選項仍然存在。
這是我的代碼:
<li role="presentation"><a role="menuitem" tabindex="-1" ng-disabled="disAplicar" ng-if="!hideBtnAplicar" ng-click="existenciaCero()">Aplicar Existencia Cero</a></li>
我的JS是:
$scope.disAplicar = $scope.datos.tipo == 'informativo' ? true : false;
你能幫我找出錯誤是什么嗎?
提前致謝。
uj5u.com熱心網友回復:
如果你想模擬禁用一個a元素,你需要通過兩種方式來實作:樣式和行為。對于樣式,有類似disabledCSS 類的東西,它使用ng-. 這將使它看起來被禁用,但要使其也被禁用,請確保您的ng-click函式考慮相同的條件。
$scope.existenciaCero = function() {
if ($scope.disAplicar) {
return;
}
// the rest of your code
}
如果您在而不是點擊事件上使用href,a除了我提到的禁用樣式之外,您還需要這樣的東西:
<a ng-href="{{ disAplicar ? '/someUrl' : '#' }}">My link</a>
uj5u.com熱心網友回復:
在這種情況下,您應該真正使用 abutton而不是a標簽,您可以在此處使用 CSS設定buttonlike標簽的樣式。a
<li role="presentation"><button role="menuitem" tabindex="-1" ng-disabled="disAplicar" ng-if="!hideBtnAplicar" ng-click="existenciaCero()">Aplicar Existencia Cero</button></li>
uj5u.com熱心網友回復:
它比我想象的要容易。我只是使用 ng-hide 而不是禁用,就是這樣!感謝大家。
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/434277.html
下一篇:我不斷收到錯誤:TypeError:tupleindicesmustbeintegersorslices,notstr
