Question

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

我不明白为什么我的内容没有显示在屏幕上。屏幕上显示的所有内容都是div的CSS边框和“替代文字”。 {{}}的显示中没有任何内容。 ONce我开始使用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个项目的列表，但我得到的列表要长得多。

我的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;
    });
}]);

我的HTML

<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>

Answer 1

我的问题出在data.json文件中。它始于 var myApp = 。一旦我删除它，它工作。

AngularJS：信息未显示在{{}}中

1 个答案: