Javascript 应用程序工作，但其中的第一个控制器出现故障_Javascript_Angularjs_Scope

Javascript 应用程序工作，但其中的第一个控制器出现故障

javascript angularjs

Javascript 应用程序工作，但其中的第一个控制器出现故障,javascript,angularjs,scope,Javascript,Angularjs,Scope,我正在我的应用程序中设置一个控制器（如下所示）。第一个div的行为与预期的一样-第一个显示文本，另一个为空。但是，似乎不会呈现Contrass控制器，而只显示{{info}。我错过了什么蠢事？（注意，我确信这是一个基本的问题，但由于缺乏经验和对intellisense表现不佳的普遍不满，我不知道如何继续。） XML 输出联合国新闻处：“Blipp” Duo:“ {{info}} 首先，我认为我可能以错误的方式发送范围，但后来我意识到它将被呈现为一个空字符串，类似于HolderDuo。所以现在，

我正在我的应用程序中设置一个控制器（如下所示）。第一个div的行为与预期的一样-第一个显示文本，另一个为空。但是，似乎不会呈现Contrass控制器，而只显示{{info}。我错过了什么蠢事？（注意，我确信这是一个基本的问题，但由于缺乏经验和对intellisense表现不佳的普遍不满，我不知道如何继续。）

XML

输出

联合国新闻处：“Blipp”
Duo:“
{{info}}

首先，我认为我可能以错误的方式发送范围，但后来我意识到它将被呈现为一个空字符串，类似于HolderDuo。所以现在，我倾向于怀疑控制器根本没有被识别为控制器

我应该如何处理它？

更新了@Starcream1984在

ContrAss

到

ContrAss

的评论中建议的控制器名称（并将应用程序名称更改为myApp）：

HTML:

<body>
  <div ng-app="myApp">
    <div>Uno: "{{holderUno}}"</div>
    <div>Duo: "{{holderDuo}}"</div>
    <div ng-controller="ContrAss">{{info}}</div>
  </div>
</body>

jsiddle:

HTML和JS中的控制器名称不匹配（输入错误）

HTML正在寻找一个名为

ContrAss

的控制器，但在JavaScript中，您将其定义为

ContrAss

。因此，不存在任何控制器，它会向您的控制台抛出一个错误（当您不了解JavaScript在做什么时，这是检查的第一个好地方）

将控制器定义更改为：

myApp.controller("ContraAss", function($scope) {
  $scope.info = "This is an info carrier";
});

不确定这是否是一个示例输入错误，但我发现XML中的

ContrAss

和XML中的

ContrAss

之间不匹配JS@Starscream1984驴屎！1.把它作为回复贴出来，这样我就可以接受答案了。2.这是人类无法接受的——我想要我的智能思维！我检查了至少15分钟的打字错误。哦，我不知道有人会摆弄有棱角的东西+以1为例。（如果打字错误的最初发现者自己没有发布回复，我也会给你绿色检查。非常诚实的推荐。）+1查看控制台上的提示（现在有点明显，有点尴尬）。它就在那里-在飞行，红色，突出的颜色。但是我忘了检查。我真丢脸…：（在使用Angular时，您将养成习惯：）

<body>
  <div ng-app="myApp">
    <div>Uno: "{{holderUno}}"</div>
    <div>Duo: "{{holderDuo}}"</div>
    <div ng-controller="ContrAss">{{info}}</div>
  </div>
</body>

var myApp = angular.module("myApp", []);

myApp.run(function ($rootScope) {
  $rootScope.holderUno = "Blipp";
});

myApp.controller("ContrAss", function($scope) {
  $scope.info = "This is an info carrier";
});

myApp.controller("ContraAss", function($scope) {
  $scope.info = "This is an info carrier";
});