我寫了個組件,但是在引用到網(wǎng)頁的時候出現(xiàn)了[$compile:tpload] Failed to load template這個問題,具體原因會有哪些呀?有什么比較好的解決方法的?
<p class="media">
<p class="media-left">
<a href="#">
<img class="media-object" src="holder.js/64x64" alt="64x64" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvNjR4NjQKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNTQ1MTA2MWI0MSB0ZXh0IHsgZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEwcHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE1NDUxMDYxYjQxIj48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9IiNFRUVFRUUiLz48Zz48dGV4dCB4PSIxNC41IiB5PSIzNi41Ij42NHg2NDwvdGV4dD48L2c+PC9nPjwvc3ZnPg==" data-holder-rendered="true" style="width: 64px; height: 64px;">
</a>
</p>
<p class="media-body">
<p ng-transclude></p>
<h4>111111</h4>
</p>
</p>
這是組件模板
(function () {
angular.module('ui.component.worksComment',[])
.directive('uiComponentWorksComment',worksComment)
worksComment.$inject = [];
function worksComment(){
return {
restrict: 'EA',
transclude: true,
scope:{
Comment:"=",
},
templateUrl:"components/uiComponents/worksComment/worksComment.tpl.html",
};
};
}());
組件的JS文件
<p class="row" style="padding:15px;margin:15px;">
<p class="media-list">
<p>1111111</p>
<ui-component-works-comment></ui-component-works-comment>
</p>
</p>
頁面引用
angular.module('worksDetailContent',[
'ui.component.worksComment'
])
然后我也在相應的app.js文件里配置過了
小伙看你根骨奇佳,潛力無限,來學PHP伐。
有可能是你的模板路徑寫錯了,試著在瀏覽器里直接輸入你的模板路徑看能否獲取。類似這樣的http://your_project/components/uiComponents/worksComment/worksComment.tpl.html。
參考鏈接:
angularjs Error: Failed to load template
Error: $compile:tpload