ngTemplate
2865 단어 template
클라이언트 캐시 템플릿
1.
angular.module('myApp', [])
.controller('myCtrl', ['$scope','$templateCache', function($scope,$templateCache){
var tmp = '<h4>lovestory</h4>'
+ '<p> $templateCache </p>'
+ '<a href="http://www.baidu.com"> templateCache </a>';
$templateCache.put('lovestory.html',tmp);
}])
2.script
<script type="text/ng-template" id="lovestory.html"> //lovestory.html id
<h4>lovestory</h4>
<p> script </p>
<a href="http://www.baidu.com"> templateCache </a>
</script>템플릿 사용
<div ng-include="'lovestory.html'" class="well"></div>
//'lovestory.html' id,
angular.module('myApp', [])
.directive('templateDemo', ['$log', function($log){
return {
restrict: 'A', // E = Element, A = Attribute, C = Class, M = Comment
templateUrl: 'butterfly.html',
replace: true,
link: function($scope, iElm, iAttrs, controller) {}
}
}])
<div ng-bind-html="html"></div> //html html
템플릿 찾기
클라이언트가 템플릿을 찾지 못하면 aax로 템플릿을 가져오고, 현재 페이지가 http://127.0.0.1/index.html인 경우 경로 http://127.0.0.1/lovestory.html 를 찾아서 템플릿을 가져온 후 $templateCache에 넣으면 $templateCache가 플러시되지 않아 잃어버리지 않습니다
이점
클라이언트에서 한 번에 모든 템플릿을 불러와서 서버 통신을 줄일 수 있습니다
$templateCache
$templateCache = $cacheFactory('template');
$templateCache.put()
$templateCache.get()
$templateCache.remove()
$templateCache.removeAll()
url:https://www.zybuluo.com/bornkiller/note/6023
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Visual studio 2017에서 빨리 파이썬을 코딩<<준비>> VS2017에서 Raspberry PI에 액세스할 수 있도록 한다. /etc/samba/smb.conf에 추가 /etc/samba/smb.conf samba 재부팅 새 프로젝트에서 템플릿 Bottle 웹...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
