Javascript Angularjs加载模板速度慢

我有一些没有真正做很多，但它确实需要最长的时间来加载。我已经写下代码供大家查看：

app.js

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

index.html

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

以前

simple test

---

但这是一个很长的时间，你们中的一些人必须等待。等待对我来说没问题，但有时杰克会变得不耐烦，所以如果你愿意，我可以慢慢加载HTML页面，但我不希望我的Stretchy先生在他自己的糖果王国探险网站前看到一个模板时感到悲伤。

这个延迟是angular library解析你的HTML的时间。您可以改用

ng bind

：

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

---

这样，当angular加载其内容时，您的页面不会受到污染。

angular库解析HTML的时间延迟。您可以改用

ng bind

：

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

---

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

您还可以检查angular.js是否是您元素中的第一个库Github上的HEAD不是一个东西吗？我总是将脚本库放在页面底部。最好的做法是加快页面加载时间。我指的是你写

的地方。是的，我没有把它放在head元素中。一般来说，最好不要这样做。很好，charlietfl。我喜欢你的风格。你也可以检查angular.js是否是你元素中的第一个库。Github上的HEAD不是一个东西吗？我总是将脚本库放在页面底部。最好的做法是加快页面加载时间。我指的是你写

的地方。是的，我没有把它放在head元素中。一般来说，最好不要这样做。很好，charlietfl。我喜欢你的风格。