Question

我正在学习angularjs并且很少发现约束错误：

$ compile：tpload错误加载模板

的index.html：

<!DOCTYPE html>
<html ng-app="latihan7">
<head>
    <title>Learn</title>
    <script type="text/javascript" src="js/angular.min.js"></script>
</head>
<body>
        <div header-page></div>
<script>
    var app = angular.module('latihan7',[]);

app.directive('headerPage',function(){
    return{ 
        templateUrl : 'header.html'
    }
});
</script>
</body>
</html>

<强烈> header.html中

<h2>test header</h2>

Answer 1

这意味着您的模板无法访问。请注意，您可以使用相同的HTML提供模板，以避免处理相对路径问题：

<script type="text/ng-template" id="header.html">
    <h2>test template</h2>
</script>

另外，这是working example

Answer 2

Error: [$compile:tpload] Failed to load template告诉您该模板无法访问。确保header.html文件的路径正确无误。

您可以通过在浏览器中打开模板来测试html路径是否正确。

http://localhsot:80/ur_app/header.html

工作Demo

为什么错误angularjs错误：$ compile：tpload错误加载模板

2 个答案: