Angularjs 加载模板很慢

我有一些并没有真正做太多的事情，但它确实需要最长的时间来加载。我把代码写出来给大家看：

app.js

var simple = "simple test";
  angular.module('CRTapp', []).controller('ItemController', function() {
    this.item = simple;
});

索引.html

<div id="item" ng-controller="ItemController as item">
{{item.simple}}  
</div>

有时人们必须等待近一秒钟才能看到：

{{item.simple}}

before

simple test

似乎，但这对你们中的一些人来说需要等待很长时间。等待对我来说没问题，但有时杰克会变得不耐烦，所以如果您愿意，我可以让 HTML 页面加载缓慢，但我不希望我的 Stretchy 先生在他自己的糖果冒险特殊网站前看到模板时感到难过王国。

这个延迟是 Angular 库解析 HTML 的时间。您可以使用ng-bind反而：

<div id="item" 
     ng-controller="ItemController as item"
     ng-bind="item.simple">
</div>

这样，当 Angular 加载其内容时，您的页面就不会被污染。