Question

我是AngularJS的全新人物，观看Lynda.com视频系列，＆＃34;使用AngularJS启动和运行与Ray Villalobos合作。＆＃34;我无法通过此错误通知。我使用WAMP显示带有$ http服务的外部Ajax文件data.json。

我查了一下＆＃34; [$ parse：syntax]＆＃34;在这个网站上，没有一个解决方案似乎适合我的情况。我将json输入jsonlint.com/并验证。（第一次使用json。）

错误指出了一个意外的令牌（请参阅下面的消息），而且我不知道我的代码的哪一部分导致它。查找＆＃34;意外令牌＆＃34;在谷歌没有帮助。

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-repeat中，您track by &index将其更改为track by $index

以下是一个有效的例子：JS BIn

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

1 个答案: