Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript <;部门>;即使ng show在angular js中为false,也会显示一段时间_Javascript_Angularjs - Fatal编程技术网

Javascript <;部门>;即使ng show在angular js中为false,也会显示一段时间

Javascript <;部门>;即使ng show在angular js中为false,也会显示一段时间,javascript,angularjs,Javascript,Angularjs,有一个部门: <div ng-show="messageAvailable" class="message"> <p ng-bind="message"></p> </div> 两者都没有帮助。只需用样式将其隐藏即可 upd .h{显示:无;} .v{display:block} 您是否尝试过使用ng if而不是ng show 如果表达式为false,则ng if不会在中呈现HTML节点。角度至少为1.3或更高 <div ng-

有一个部门:

<div ng-show="messageAvailable" class="message">
    <p ng-bind="message"></p>
</div>

两者都没有帮助。

只需用样式将其隐藏即可

upd


.h{显示:无;}
.v{display:block}

您是否尝试过使用ng if而不是ng show

如果表达式为false,则ng if不会在中呈现HTML节点。角度至少为1.3或更高

<div ng-if="messageAvailable" class="message">
    <p ng-bind="message"></p>
</div>


一般来说,你应该考虑NG是否存在NG显示/隐藏,尤其是在NG重复的情况下。它将大大减少摘要周期中活动手表的数量,并加快应用程序的速度。

然后即使messageAvailable是真的,它也将被隐藏。是的,你是对的,它仍然是不可见的,因为没有可见的样式,或者,尝试更新代码plunk/jsfiddle/codepen显示实际问题将是一种帮助。
$scope.messageAvailable = false;
<style>
        .h {display: none;}
        .v { display: block}
</style>

<div ng-show="messageAvailable" ng-class="{'v': messageAvailable,'h':!messageAvailable}"
<div ng-if="messageAvailable" class="message">
    <p ng-bind="message"></p>
</div>