博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angular模板加载 ----ng-template
阅读量:6910 次
发布时间:2019-06-27

本文共 776 字,大约阅读时间需要 2 分钟。

Angularjs作为mvc(或者说mvvm)框架,同样具备模板这一基本概念。

NG加载模板的顺序为 内存加载---AJAX加载。

内存加载

如果之前使用过Bootstrap 插件的ng版,即angular-ui,就会了解到这种方式的具体应用。模板本质上是字符串,把字符串直接写入内存,加载时直接从内存获取,速度会更快,有两种方式显式启用内存加载。

  • 通过使用$templateCache service来实现
    angular.module('myApp', [])  .controller('myCtrl', ['$scope','$templateCache', function($scope,$templateCache){       var tmp = '

    lovestory

    ' + '

    这是直接调用$templateCache服务获取模板文件的方式

    ' + '服务启用templateCache方式'; $templateCache.put('lovestory.html',tmp); }])

    这里需要注意,type="text/ng-template"是指明这是ng模板,id属性是指实际使用模板时的一个引用,标签之间的内容才是实际的模板内容。而且,需要注意,id绝对不是URL,这个script标签绝对不会发出HTTP请求,具体讨论见最后。

    实际应用模板时候,使用ID属性,即可从内存中获取对应数据。

    <div ng-include="'lovestory.html'" class="well"></div>

转载于:https://www.cnblogs.com/calvin-dong/p/9534678.html

你可能感兴趣的文章
C# URL 中文编码与解码
查看>>
jquery源码解析:pushStack,end,ready,eq详解
查看>>
Qt核心模块的组成
查看>>
hdu Is It A Tree?
查看>>
linux下xargs命令用法详解
查看>>
HDU1492 The number of divisors(约数) about Humble Numbers【约数】
查看>>
Vijos P1596 加法表【迭代】
查看>>
整体二分笔记
查看>>
css学习_文本有关的样式属性、sublime快捷生成标签
查看>>
Mysql学习
查看>>
jsp页面无法获取controler层model值解决方案
查看>>
[C++] Swap Two Num
查看>>
详解ABBYY FineReader 12扫描亮度设置
查看>>
线程同步利与弊,线程同步的前提
查看>>
js的escape()、encodeURI()、encodeURIComponent()区别详解
查看>>
python2与python3的区别
查看>>
HDU2196-Computer
查看>>
cpp
查看>>
nginx 报错502Bad Gateway
查看>>
决定转移ubuntu
查看>>