Javascript WebStorm角度指令范围&；HTML

既然我是新来的，我就自我介绍一下。我的名字是来自荷兰的Tomas，我刚刚开始密集编码。我正在做一个项目，用AngularJS给我写一份互动简历。我想这样做，这样我在申请工作时就有东西可以展示。 因此，有些事情我可能做得比他们更难，只是为了展示我目前能做什么

好，回到问题上来。我在HTML主体代码中使用AngularJS指令时遇到了问题

.JS文件是：

/**
*由Tomas于2016年1月24日创建。
*/
var myApp=angular.module（“PersonApp”，[]）
.controller（“TomasInformation”，[“$scope”，函数（$scope，$routeParams）{
$scope.tomas={
名字：“托马斯”，
姓氏：“Slepers”，
中间名：“德克”，
出生日期：新日期（“1985”、“03”、“18”），
出生地点：“罗斯曼”，
城市：“马斯特里赫特”，
地址：[“Banniersborg”、“176”、“B”、“6238 VS”]，
电话：“+316386492”，
电子邮件：“t。example@example.com",
国籍：“荷兰”
};
}])
.directive（'personInfo'，function（）{
返回{
限制：“E”，
范围：{
信息：“=”
},
templateUrl:'JS/personInfo.html'
};
});

我调用的template.html文件是：

{{info.firstName}{{info.lastName}}
{{info.firstName}{{info.middleNames}}
{{info.dateOfBirth}date}
{{info.placeOfBirth}
{{info.city}
{{info.address[0]}{{info.address[1]}{{{info.address[2]}，{{{info.address[3]}
{{信息电话}
{{info.email}
{{信息国籍}

我在Index.html主页中使用的html代码是：

现在的问题是，调用

元素并不会给出我的名字等，而只是我网站上的原始代码，例如{{info.firstName}

我已经检查了一些东西，比如是否加载了Angular库（就是这样）

有人能看出我做错了什么吗？我在这里不知所措。 另外，我已经更改了控制器中的个人数据，因此呼叫/电子邮件将没有任何用处：）

编辑：我在我的浏览器（Chrome）中完成了F12操作，并看到了以下错误输出，但似乎无法理解其含义。我在https中添加了星星，因为我不允许发布超过2个链接：） . angular.js:11655错误：[$compile:multidir]$compile/multidir？p0=personInfo&p1=personInfo&p2=template&p3=%3person-info%20info%3D%22tomas%22%3E 错误（本机） https*：//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js:6:417 在Na(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js:67:19) 在足总(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js:62:4) 在https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js:65:406 在https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js:112:113 估价为n.$eval(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js:126:15) n.$digest(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js:123:106) 以新台币申请(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js:126:293) 在l(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js:81:240) （匿名函数）@angular.js:11655

Index.html frontpage的

是：

---

所以我很确定angular.min.js已经加载了。因为当我删除

标记并直接插入模板代码时，它工作得很好：//

这就是应用程序中的所有代码吗？正如Alainlb在plunkr中所示，此代码可以工作

但您看到的错误是由指令冲突引起的

从角度文档：

多个不兼容指令应用于 同一要素包括：

请求隔离作用域的多个指令

以相同名称发布控制器的多个指令

使用转换选项声明的多个指令

试图定义模板或templateURL的多个指令

---

请检查您的应用程序是否存在这些情况。

很抱歉，我打扰了您。 问题似乎很简单，你的回答给了我正确的方向

我正在检查指令语句，为了测试起见，将指令的名称从“personInfo”更改为TestTest。这是因为我在指令中调用的模板也被称为personInfo，但随后扩展为HTML

这显然奏效了。似乎这些陈述相互干扰，现在它起作用了，我可以继续：）

---

感谢您的帮助：）

听起来像是Javascript错误。浏览器控制台的输出是什么？只需将所有代码复制到一个小提琴上，它就能正常工作。如果您的页面中有

{{info.firstName}}

，则表示您有错误。运行调试器（按F12键），重新加载页面并告诉我们是否有错误。是否加载了js？指令模板显示为上面提到的OP，然后必须加载angular。