Javascript 隐藏前显示ng

我基本上恢复了这个功能，但对我来说有一点不同，它发生在页面加载时

//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 = '';
});

//HTML
这里有一些非常严肃的信息
{{text}}
//JS
var myApp=angular.module（'myApp'，[“ngAnimate]”）；
myApp.controller（'MyCtrl'，函数（$scope）{
$scope.text=''；
});

看

---

为什么我可以看到（即使很短）标签？如果我为

ng show

更改

ng if

，使用ng-clope指令，也会发生同样的情况：

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

这将有助于在加载之前隐藏AngularJS html模板。

---

使用ng斗篷指令：

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

这将有助于在加载之前隐藏AngularJS html模板。

---

问题在于，呈现HTML时，控制器未初始化。正如darron614所说，您可以使用ng斗篷来防止HTML模板在编译之前显示。

问题在于，在呈现HTML时，您的控制器没有初始化。正如darron614所说，您可以使用ng-斗篷来防止HTML模板在编译之前显示。

试试ng-斗篷

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

这里有一些非常严肃的信息
{{text}}

试试ng斗篷

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

这里有一些非常严肃的信息
{{text}}

请找到使用

ng斗篷的方法

请找到使用

ng斗篷的方法