未捕獲的ReferenceError：在SearchController中未定義$ scope

Question

我對Angular很陌生。 我正在嘗試使用Star Wars API實現搜索頁面，但未定義$ scope。 我不確定這里做錯了什么：

'use strict';
var app = angular.module('starApp');

/* Application controller (for top-level auth) */
app.controller('SearchController', ['$location', 'AuthenticationService',
'$scope', '$http',
function($location, AuthenticationService, $scope, $http) {

    console.log('*** SearchController ***');

    $scope.items = [];

    (function getData() {
        var apiURL = "https://swapi.co/api/planets";
        axios.get(apiURL).then(function(response) {
            showDetail(response.data);
        });
    })();

    function showDetail(data) {
        $scope.items = data.results;
    }

}]);

我正在將$ scope注入到我的控制器中，但是仍然顯示它是未定義的。

Answer 1

您應該使用$ http服務。 這是工作片段：

 'use strict'; var app = angular.module('myApp',[]); /* Application controller (for top-level auth) */ app.controller('SearchController', ['$location', '$scope', '$http', function($location, $scope, $http) { console.log('*** SearchController ***'); $scope.items = []; $scope.loading = false; var apiURL = "https://swapi.co/api/planets"; $scope.loadData = function() { $scope.loading = true; $http.get(apiURL) .then(function(response) { $scope.showDetail(response.data); $scope.loading = false; }); }; $scope.loadData(); $scope.showDetail = function(data) { $scope.items = data.results; }; } ] );

 <!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <body> <div ng-app="myApp" ng-controller="SearchController" ng-cloak> <ul ng-if="items.length>0 && !loading" > <li ng-repeat="item in items">{{item.name}}</li> </ul> <div ng-if="loading">Loading...</div> </div>

未捕獲的ReferenceError：在SearchController中未定義$ scope

問題描述

1 個解決方案

解決方案1
0 已采納 2017-11-20 07:25:26

未捕獲的ReferenceError：在SearchController中未定義$ scope

問題描述

1 個解決方案

解決方案1 0 已采納 2017-11-20 07:25:26

解決方案1
0 已采納 2017-11-20 07:25:26