Javascript 为什么出错angularjs错误：$compile:tpload加载模板时出错_Javascript_Angularjs

Javascript 为什么出错angularjs错误：$compile:tpload加载模板时出错

javascript angularjs

Javascript 为什么出错angularjs错误：$compile:tpload加载模板时出错,javascript,angularjs,Javascript,Angularjs,我正在研究angularjs和little find constraint error： $compile:tpload加载模板时出错 index.html: <!DOCTYPE html> <html ng-app="latihan7"> <head> <title>Learn</title> <script type="text/javascript" src="js/angular.min.js">&l

我正在研究angularjs和little find constraint error：

$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>


学习
var app=angular.module（'latihan7'，[]）；
应用指令（'headerPage'，function（）{
返回{
templateUrl:'header.html'
}
});

header.html

<h2>test header</h2>

测试头

错误：[$compile:tpload]加载模板失败

告诉您该模板不可访问。确保

header.html

文件的路径正确

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

工作

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

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


测试模板

另外，这是您的

，这意味着无法加载我们的模板。打开网络面板并检查标题的URL。如果服务器返回404以获取请求的资源，您将收到此错误。header.html位于何处？如果它在同一文件夹中，请尝试在同一文件夹中执行

templateUrl:'./header.html'

，但仍然会出现错误@Goliadkin。项目结构是什么，您是否正在使用某种绑定器？