AngularJS和Web服务

Question

<div ng-app="myapp" ng-controller="hello">

<script>            
function Hello($scope, $http) {
    $http.get('http://rest-service.guides.spring.io/greeting').
    success(function(data) {
        $scope.greeting = data;
    });
}
</script>   

并且我想打印类似{{greeting.id}} 。 该代码段将使用angularjs从“ http://rest-service.guides.spring.io/greeting ”以JSON格式获取数据。 这在日食中不起作用。 有什么想法可以使它起作用吗？

Answer 1

我相当确定ng-controller值区分大小写。

所以这：

ng-controller="hello"

会查找名称为： hello而不是Hello的函数。

这是一个演示该问题的专家。

Answer 2

像这样更改您的控制器代码。

(function () {
  var myApp = angular.module('myModule');

  myApp.controller('hello', ['$scope', '$http', function ($scope, $http) {

       $http.get("http://rest-service.guides.spring.io/greeting").then(function(data){
       $scope.greeting=data;
       });

  }]);
})();

并在html中

{{greeting.data.id}}

我检查了它的矮胖。 一切正常