AngularJS:无法解决错误：[$parse:syntax]

Question

我是AngularJS的新手，在上面看了一部Lynda.com的视频系列，“和雷·维拉罗博斯一起和AngularJS一起走。”我无法通过这个错误通知。我使用WAMP显示带有data.json服务的外部Ajax文件。

我在这个网站上查过"$parse:syntax“，所有的解决方案似乎都不适合我的情况。我将我的json输入jsonlint.com/并进行验证。(第一次使用json.)

错误指出了一个意外的标记(请参阅下面的消息)，我不知道代码的哪个部分导致了它。在谷歌上查找“意料之外的标记”也于事无补。

html:

<div ng-controller = "MyController"> <!-- ties this template to MyController. (Case matters! myController doesn't work.) -->
<ul>
<li ng-repeat="item in cars track by &index"> <!-- Needed to add "track by &index" to remove "Error: [ngRepeat:dupes]" notice-->
    <div class="section">
        <h2>{{item.model}}</h2>
        <!-- Needed to chg <img src to <img ng-src -->
        <img ng-src="images/{{item.shortname}}.jpg" width="200px" alt="Photo of {{item.model}}" title="Photo of {{item.model}}">
        <h3>{{item.description}}</h3>
        <p>{{item.edition + ', ' + item.bodytype}}</p>
    </div>
</li>
</ul>
</div>

controllers.js:

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

myNameSpace.controller('MyController', function($scope, $http) { 
    $http.get('js/data.json').success(function(data) {
        $scope.cars = data;
    });
});

错误：

Error: [$parse:syntax] http://errors.angularjs.org/1.2.21/$parse/syntax?p0=index&p1=is%20an%20unexpected%20token&p2=2&p3=%26index&p4=index
y/<@http://localhost/AngularJS/lib/angular/angular.min.js:6:443
cb.prototype.throwError@http://localhost/AngularJS/lib/angular/angular.min.js:168:335
cb.prototype.parse@http://localhost/AngularJS/lib/angular/angular.min.js:167:174
Yd/this.$get</<@http://localhost/AngularJS/lib/angular/angular.min.js:98:304
yd</<.link@http://localhost/AngularJS/lib/angular/angular.min.js:197:437

..。

Answer 1

在ng-重复中，让track by &index将其更改为track by $index

下面是一个有用的示例：JS BIn