javascript - 如何调用 http Get 服务并在单击按钮时在 angularjs 的 div 中显示其响应？

Question

我试图在 Angular js 中单击按钮时调用 $http Get 服务。但我没有在结果中显示数据...我的代码片段如下:-

<button ng-controller="myCtrl6" ng-click="search()">Click</button>
<p ng-controller="myCtrl6">
  {{results}}
  {{fail}}
</p>

var app = angular.module("myApp", []);
app.controller('myCtrl6', ['$scope', '$http', function ($scope, $http) {
  $scope.results = "";
  $scope.fail = "f";
  $scope.search = function() {
    $http.get('welcome.html', {}, function(response) {
      $scope.results = response.data; 
    }, function (failure) { 
      console.log("failed :(", failure); 
    });
  }
}]);

欢迎.html

Hello World

Answer 1

这就是$http的正确使用

$http({
  method: 'GET',
  url: '/someUrl'
}).then(function successCallback(response) {
    // in your case 
    $scope.results = response.data; 
  }, function errorCallback(response) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });

或

$http.get('/someUrl', config).then(successCallback, errorCallback);

最好为此提供服务:

app.factory('ServiceName', function() {
  return {
     search: search
  };

  function search () {
    return $http.get('/someUrl', config);
  }
});

在 Controller 中

var app = angular.module("myApp", []);
app.controller('myCtrl6', ['$scope', 'ServiceName', function ($scope, serviceName) {
  $scope.search = function() {
    serviceName.search().then(function(response) {
      $scope.results = response.data; 
    });
  }
}]);

已编辑