Javascript AngularJS-我的指令之一don';我不工作,其他人呢?
我最近开始找工作,决定建立一个网站作为简历,同时学习AngularJS。我上了这门课,慢慢地建立起我想要的网站。(请不要根据它现在的样子来判断它,但是想法是被认可的) 现在到代码问题 网站: Index.html(开始、恢复、评论和联系工作-myprojects不) start.html(正在工作)Javascript AngularJS-我的指令之一don';我不工作,其他人呢?,javascript,xml,angularjs,html,Javascript,Xml,Angularjs,Html,我最近开始找工作,决定建立一个网站作为简历,同时学习AngularJS。我上了这门课,慢慢地建立起我想要的网站。(请不要根据它现在的样子来判断它,但是想法是被认可的) 现在到代码问题 网站: Index.html(开始、恢复、评论和联系工作-myprojects不) start.html(正在工作) 欢迎来到我的开发者博客! *文本* myprojects.html(不工作) 我真的不知道为什么其中四个可以工作,但第五个不行 起初我无意中创建了名为MyProjects而不是MyPro
欢迎来到我的开发者博客!
*文本*
myprojects.html(不工作)
我真的不知道为什么其中四个可以工作,但第五个不行
起初我无意中创建了名为MyProjects而不是MyProjects的文件,并将其删除,但我可能错误地没有通过安全删除,因为我认为这无关紧要,因为我再次创建了同一个文件。这可能是个问题吗?在自动更新的.idea/workspace.xml文件中(我使用WebStorm 10.1)
提前感谢:)它在Chrome控制台中显示以下堆栈跟踪:
Error: [$compile:tpload] Failed to load template: myprojects.html
http://errors.angularjs.org/1.2.15/$compile/tpload?p0=myprojects.html
at angular.js:78
at angular.js:6576
at angular.js:7740
at deferred.promise.then.wrappedErrback (angular.js:11109)
at deferred.promise.then.wrappedErrback (angular.js:11109)
at deferred.promise.then.wrappedErrback (angular.js:11109)
at angular.js:11242
at Scope.$get.Scope.$eval (angular.js:12175)
at Scope.$get.Scope.$digest (angular.js:12004)
at Scope.$get.Scope.$apply (angular.js:12279)
所以你可能只是把myprojects.html放错地方了
当我导航到它时,显示404,因此这证实了这是问题所在。看起来不错,我相信你很快就会找到工作;)将myprojects.html更改为myprojects.html这实际上是一个有效的解决方案……我真的不明白为什么会这样。代码中没有任何地方是作为myProjects编写的。它写的是myprojects everywhere…正如你在评论中所说的那样…将名称改为myprojects很有效。我不知道为什么,因为它在代码中到处都是作为myproject编写的。不过,谢谢你:)哦,你。。。我在想,嘿,我没那么说!哈哈,真是一个令人困惑的名字!
var app = angular.module('blog-directives', []);
app.directive("start", function() {
return {
restrict: "E",
templateUrl: "start.html"
}
});
app.directive("resume", function() {
return {
restrict: "E",
templateUrl: "resume.html"
}
});
app.directive("myprojects", function() {
return {
restrict: "E",
templateUrl: "myprojects.html"
}
});
app.directive("reviews", function() {
return {
restrict: "E",
templateUrl: "reviews.html"
}
});
app.directive("contact", function() {
return {
restrict: "E",
templateUrl: "contact.html"
}
});
<h1>
<a id="welcome-to-my-developer-blog" class="anchor" href="#welcome-to-my-developer-blog" aria-hidden="true"><span class="octicon octicon-link"></span></a>Welcome to my developer blog!</h1>
*Text...*
<img src="images/Web-under-construction.jpeg" alt="Under Construction"></br>
<h3><a href="http://danieboy.github.io/hotorcold"> Hot or Cold</a></h3>
<h3><a href="http://danieboy.github.io/flatlander-store/index.html"> Flatlander Store Project</a></h3>
<h3><a href="http://danieboy.github.io/bmi-calculator/index.html"> Android Application: BMI-counter</a></h3>
<h3><a href="http://www.markettime.se/"> Markettime through Diflex AB (Swedish)</a></h3>
<h3><a href="http://test2.markettools.se"> Markettools through Diflex AB (Swedish)</a></h3>
Error: [$compile:tpload] Failed to load template: myprojects.html
http://errors.angularjs.org/1.2.15/$compile/tpload?p0=myprojects.html
at angular.js:78
at angular.js:6576
at angular.js:7740
at deferred.promise.then.wrappedErrback (angular.js:11109)
at deferred.promise.then.wrappedErrback (angular.js:11109)
at deferred.promise.then.wrappedErrback (angular.js:11109)
at angular.js:11242
at Scope.$get.Scope.$eval (angular.js:12175)
at Scope.$get.Scope.$digest (angular.js:12004)
at Scope.$get.Scope.$apply (angular.js:12279)