为什么数组在控制器中分配角码？

问题描述：

的index.html

<!doctype html> 
<html ng-app="myApp"> 

    <head> 
     <title>Angular Page</title> 
     <script src="angular.min.js"></script> 
     <script src="app.js"></script> 
    </head> 

    <body> 
     <div ng-controller="myController"> 
      {{ greeting }} 
     </div> 
    </body> 

</html>

用所有文件在目录的根，我也有以下JS文件：

应用。 js

var app = angular.module('myApp', []); 
app.controller('myController', function($scope) { 
    $scope.greeting = "Hello"; 
}

当这个运行时，我的cou rse在HTML页面上收到问候语“Hello”。

然而，当我试图追加的对象（为一个未来NG-重复元件）连接到相同的控制器：

var app = angular.module('myApp', []); 
app.controller('myController', function($scope) { 
    $scope.greeting = "Hello"; 

    $scope.users = [ 
     { 
      "name": "Michael", 
      "industry": "Music" 
     }, 
     { 
      "name": "Michael", 
      "industry": "Boxing" 
     }, 
     { 
      "name": "Michael", 
      "industry": "Basketball" 
     } 
    ]; 
}

的角结合被破坏，并且代替问候“你好”，我收到{{name}}表达式。（这是有或没有在'用户'对象分配尾随分号。）

是否有我的对象分配导致我的Angular代码中断？我不确定如何解释发生了什么。

阅读控制台中的错误，解释什么是错的。 – dfsq

几秒钟后，{{name}}表达式是否更改为“Hello”，或者整个时间都停留在那里？ – TimCodes

@dfsq不能相信我没有那样做。这是使用SSH编辑JS文件时发生的情况。有一个拼写错误，我没有在黑色和绿色屏幕上捕捉。奖励！请重新提交以获得答案。 Salutations ... –

答

@dfsq在某处帮助别人，所以他不能正确地获得回答这个问题的功劳。

问题出在将一个数组对象插入到我的Angular'myController'后，双向绑定在页面上被打破了表达式。

我用纳米从服务器上的命令行（SSH）来编辑该文件并不能很容易地看到该阵列

("key": "value")

在密钥值对中的一个有一个逗号，而不是一个结肠

("key","value)

所以它被扔了以下错误：

Uncaught SyntaxError: Unexpected token ,

问题是，我可以使用浏览器上的开发者工具来检查控制台日志。 @dfsq提出了这个建议，并且在查看控制台日志后，很容易看到抛出的错误以及确切地说哪一行抛出它。

再次感谢@dfsq

为什么数组在控制器中分配角码？

相关推荐