Rumah  >  Artikel  >  pembangunan bahagian belakang  >  javascript - angular 控制台的模版请求

javascript - angular 控制台的模版请求

WBOY
WBOYasal
2016-06-06 20:13:08802semak imbas

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>

完毕!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn