AngularJS:信息不会出现在{{}中

我是AngularJS的新手，正在观看Lynda.com的视频系列，“与Ray Villalobos一起与AngularJS一起启动并运行”。我无法通过此错误通知。我使用WAMP显示带有$http服务的外部Ajax文件data.json

我不明白为什么我的内容没有显示在屏幕上。屏幕上显示的只是div的CSS边框和alt文本的“Photo of”。{{}的显示中没有任何内容。一旦我开始使用WAMP服务器，内容就不再出现——不过服务器已经启动了。以下是错误：

"http://localhost/AngularJS/lib/angular/angular.min.js is being assigned a //# sourceMappingURL, but already has one"
GET http://localhost/AngularJS/images/.jpg

此外，应该只有4个项目的列表，但我得到的列表要长得多

My controllers.js:

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

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

<div ng-controller = "MyController">
<ul>
<li ng-repeat="item in cars track by $index">
    <div class="section">
        <h2>{{item.model}}</h2>
        <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>
</div>

我的html:

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

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

<div ng-controller = "MyController">
<ul>
<li ng-repeat="item in cars track by $index">
    <div class="section">
        <h2>{{item.model}}</h2>
        <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>
</div>

{{item.model}
{{item.description}
{{item.edition+'，'+item.bodytype}

我的问题出在data.json文件中。它以var myApp=开始。一旦我把它去掉，它就起作用了

这将列表减少到只有4个，但是{}内容仍然没有显示：