Home  >  Article  >  Backend Development  >  javascript - angular 控制台的模版请求

javascript - angular 控制台的模版请求

WBOY
WBOYOriginal
2016-06-06 20:13:08802browse

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>

完毕!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn