Javascript AngularJS-我的指令之一don';我不工作,其他人呢?

Javascript AngularJS-我的指令之一don';我不工作,其他人呢?,javascript,xml,angularjs,html,Javascript,Xml,Angularjs,Html,我最近开始找工作,决定建立一个网站作为简历,同时学习AngularJS。我上了这门课,慢慢地建立起我想要的网站。(请不要根据它现在的样子来判断它,但是想法是被认可的) 现在到代码问题 网站: Index.html(开始、恢复、评论和联系工作-myprojects不) start.html(正在工作) 欢迎来到我的开发者博客! *文本* myprojects.html(不工作) 我真的不知道为什么其中四个可以工作,但第五个不行 起初我无意中创建了名为MyProjects而不是MyPro

我最近开始找工作,决定建立一个网站作为简历,同时学习AngularJS。我上了这门课,慢慢地建立起我想要的网站。(请不要根据它现在的样子来判断它,但是想法是被认可的)

现在到代码问题

网站:

Index.html(开始、恢复、评论和联系工作-myprojects不

start.html(正在工作)


欢迎来到我的开发者博客!
*文本*

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)