[英]ng-show not working in angularjs
{{showSubHeader}}
<div ng-show="showSubHeader" class="topPull" draggable >
<button class="button-icon ion-bag"></button>
</div>
</div>
表達式{{showSubHeader}}
從true更改為false,從false更改為true也可以。
showSubHeader具有布爾值。
即showSubHeader=true
或showSubHeader=false
角度會記錄值的變化。 當我更改該值時,我在控制台中看到ng-show表達式發生了變化,但是即使它是ng-show =“ false”也不會隱藏該元素。
我該如何解決? 怎么了?>
編輯:draggable是如下所示的指令:
.directive('draggable', function ($animate) {
return function(scope, element) {
var startX = 0, startY = 0, x = 0, y = 0;
var el = element[0];
console.log(el)
el.draggable = true;
element.css({
position: 'relative',
cursor: 'pointer'
});
el.addEventListener(
'dragstart',
function(e) {
element.addClass("animated slideInDown")
return false;
},
false
);
el.addEventListener(
'dragend',
function(e) {
element.addClass("animated slideInUp")
scope.checkBill();
return false;
},
false
);
}
})
買單
$scope.checkBill= function(){
$scope.$apply(function(){
$scope.showSubHeader=false;
})
$state.go('menu.TotalBill', {}, {inherit: true, notify:true})
}
嘗試:
<div ng-show="showSubHeader === true" class="topPull" draggable >
<button class="button-icon ion-bag"></button>
</div>
您可以嘗試隔離ng-show:
<div ng-show="showSubHeader">
<div class="topPull" draggable >
<button class="button-icon ion-bag"></button>
</div>
</div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.