首页  >  文章  >  后端开发  >  javascript - angular 控制台的模版请求

javascript - angular 控制台的模版请求

WBOY
WBOY原创
2016-06-06 20:13:08802浏览

javascript - angular 控制台的模版请求

这些请求很明显暴露了模版,有办法隐藏或者不请求嘛?!

回复内容:

javascript - angular 控制台的模版请求

这些请求很明显暴露了模版,有办法隐藏或者不请求嘛?!

<code> angular.module('app.ui', []).run(["$templateCache",
  function($templateCache) {
    $templateCache.put("template/index.html", 
      '<div>
<input type="text" ng-model="id">\
        <a href="/TEST/%7B%7Bid%7D%7D.html">TEST/{{id}}.html</a>\
        <a href="/test/%7B%7Bid%7D%7D.xml">test/{{id}}.xml</a>\
        <a href="/test/%7B%7Bid%7D%7D.json?a=test">test/{{id}}.json?a=test</a>\
        <a href="/test/%7B%7Bid%7D%7D.css">test/{{id}}.css</a>\
      </div>');
  }]);</code>

把html代码放入模板里面

非常感谢 @jets 的回答!
然后,自己经过查询发现了另一个避免请求的方法,就是使用script标签引入

<code class="html"><script type="text/ng-template" id="template_id">
  <p>这是script标签获取模板文件的方式
</script></code>

然后在配置路由时,指定templateUrl为模版的id属性,就像这样:

<code class="javascript">// 前面省略N行js代码
$routeProvider.when('/index', {
  controller: 'control',
  templateUrl: 'template_id'
});</code>

完毕!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn