Heim  >  Artikel  >  Backend-Entwicklung  >  javascript - angular 控制台的模版请求

javascript - angular 控制台的模版请求

WBOY
WBOYOriginal
2016-06-06 20:13:08805Durchsuche

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>

完毕!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn