[AngularJS] Taking control of your templates using $templateCache

Using $templateCache for quickly retrieval from the cache after first time used.

 

$templateCache mainly can use two methods:

  • get(id)
  • put(id, "your html code here")

 

angular.module(‘app‘, [])
    .directive(‘myButton‘, function () {
        return {
            templateUrl: ‘timestamp‘
        }
    })
    .run(function ($templateCache) {
        $templateCache.put(‘timestamp‘, ‘<button>‘ + Date.now() + ‘</button>‘);
    });

 

or you can but your template in the <script> tag, then use templateCache.get() method:

<script type="text/ng-template" id="templateId.html">
  <button>Date.now()</button>
</script>
angular.module(‘app‘, [])
    .directive(‘myButton‘, function ($templateCache) {
        return {
            templateUrl: $templateCache.get(‘templateId.html‘)
        }
    })

 

声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。

[AngularJS] Taking control of your templates using $templateCache