2015-06-21 29 views
0

這裏被應用在 數據檢索由角JS使用REST Web服務是不是happing

<div class="container" data-ng-app="myApp" ng-controller="hController"> 
    <li ng-repeat="x in names"> 
     {{ x.Name + ', ' + x.Country }} 
    </li> 
    </ul> 

控制器實現

<script> 
var app = angular.module('myApp', []); 
app.controller('customersCtrl', function($scope, $http) { 
$http.get("http://localhost:8080/rest/hotel") 
.success(function(response) {$scope.names = response.records;}); 
}); 
</script> 
</head> 

錯誤的代碼段,我可以在Web控制檯看到

錯誤:[ng:areq] http://errors.angularjs.org/1.3.14/ng/areq?p0=hotelController&p1=not%20a%20function%2C%20got%20undefined at Error(native) at http://localhost:8080/resources/js/angular.min.js:6:417

我路徑已經添加angular.min.js

+0

控制器的名稱是customersCtrl,更改ng-controller – Sajal

回答

1

衝突在控制器

app.controller('customersCtrl'....) 

,並在模板的命名你已經使用 「hController」

<div class="container" data-ng-app="myApp" ng-controller="hController"> 

在這兩個地方使用相同的名稱,否則angular找不到指令ng-controller defin編輯在您的模板,並因此產生錯誤。 ng-controller是一個角度內置指令,它將控制器連接到視圖。

相關問題