javascript - ng-show 在隐藏之前是可见的

标签 javascript html angularjs

<分区>

我基本上是在恢复这个question ,但对我来说,它发生在页面加载时略有不同。

//HTML
<h1>Some very serious message here</h1>
<div ng-app="myApp" ng-controller="MyCtrl">
  <div ng-if="text !== ''">
    <label class="alert alert-danger">{{text}}</label>
  </div>
</div>

//JS
var myApp = angular.module('myApp', ["ngAnimate"]);

myApp.controller('MyCtrl', function($scope) {
  $scope.text = '';
});

参见 JSFiddle .

为什么我能看到(即使很快)标签?如果我将 ng-if 更改为 ng-show,也会发生同样的情况。

最佳答案

使用 ng-cloak 指令:

<div ng-app="myApp" ng-controller="MyCtrl" ng-cloak>

这应该有助于在加载之前隐藏 AngularJS html 模板。 https://docs.angularjs.org/api/ng/directive/ngCloak

关于javascript - ng-show 在隐藏之前是可见的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42095111/

相关文章:

javascript - 设置在线测验计时器

javascript - 检查标题是否存在的更短方法

HTML属性值问题

javascript - 异步(ajax)调用后将服务/对象注入(inject) Controller

javascript - Joomla 站点中的菜单显示在内容后面

javascript - 为Javascript中的每个箭头函数获取当前项目的索引

html - 左右浮动两个元素并垂直居中 UL?

html - 冒号是: valid in attribute names for HTML(5)?

javascript - Angular Material 的垂直 slider 无法正常工作

javascript - iOS6 中没有删除 Angular 1.2.5 动画类