angularjs不立即在液体中加载

Question

它需要一些时间，例如首先加载angularjs，然后加载output.How我可以改进它？首先负载：

服用几秒钟时间后输出是正确的：

 
var app = angular.module('myApp', []).config(function ($interpolateProvider) { 
 
    $interpolateProvider.startSymbol('{[{').endSymbol('}]}'); 
 
}); 
 

 
app.controller("myCtrl", function($scope) { 
 
    $scope.firstName = "John"; 
 
    $scope.lastName = "Doe"; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 

 
    {[{ firstName + " " + lastName }]} 
 
</div>

Answer 1

您可以添加ng-cloak，以避免它。

var app = angular.module('myApp', []).config(function ($interpolateProvider) { 
 
    $interpolateProvider.startSymbol('{[{').endSymbol('}]}'); 
 
}); 
 

 
app.controller("myCtrl", function($scope) { 
 
    $scope.firstName = "John"; 
 
    $scope.lastName = "Doe"; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

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

 
    {[{ firstName + " " + lastName }]} 
 
</div>

Answer 2

NG-披风将做的工作适合你，它不会让角度表达对视图进行打印，阅读文档了解更多信息：

https://docs.angularjs.org/api/ng/directive/ngCloak

你可以使用它为整个身体或元素，以及像：

<div ng-cloak> {{someExpression}} </div>