爲什麼數據沒有顯示出來，以$ http.get在AngularJS？

Question

我試圖創建使用angularJS數據庫的連接。我使用$http.get用於與PHP服務器

控制器

var oke = angular.module('secondApp',[]); 
      oke.controller('dataAdmin',function(){ 
      return{ 
       controller : function($scope,$http){ 
       $scope.displayData = function(){ 
       $http.get('db.php').success(function(hasil){ 
        $scope.datas=hasil; 

       }); 
       console.log($scope.datas); 
       } 
       } 
      }; 
      }); 

HTML

<div ng-controller="dataAdmin" ng-init="displayData()" ng-app="secondApp"> 
     <input type="text" ng-model="hasil" placeholder="Search" style="margin-left:2%;margin-bottom:5px;"/> 
     <ul> 
      <li ng-repeat="nt in datas | filter:hasil | orderBy:'username'"> 
      Username : {{nt.username}} | Password : {{nt.password}} 
      </li> 
     </ul> 
    </div> 

Answer 1

控制器代碼需要一些改動：

var oke = angular.module('secondApp',[]); 
    oke.controller('dataAdmin', ̶f̶u̶n̶c̶t̶i̶o̶n̶(̶)̶{̶ 
    ̶r̶e̶t̶u̶r̶n̶{̶ 
     ̶c̶o̶n̶t̶r̶o̶l̶l̶e̶r̶ ̶:̶ function($scope,$http){ 
     $scope.displayData = function(){ 
      $http.get('db.php'). ̶s̶u̶c̶c̶e̶s̶s̶ then(function(hasil){ 
      $scope.datas= ̶h̶a̶s̶i̶l̶;̶ hasil.data; 
      console.log($scope.datas); 
      }); 
     ̶c̶o̶n̶s̶o̶l̶e̶.̶l̶o̶g̶(̶$̶s̶c̶o̶p̶e̶.̶d̶a̶t̶a̶s̶)̶;̶ 
     }; 
     ̶}̶ 
    ̶}̶;̶ 
    }); 

的console.log需要是.then方法內。

Answer 2

訪問連接您的響應的數據

$http.get('db.php').then(function(hasil){ 
    $scope.datas=hasil.data; 
}); 

Answer 3

ŧ RY這樣的：

$http.get('db.php').then(function(result){ 
    $scope.datas = result.data; 
}, function(err){ 
    console.log(err); 
}); 

Answer 4

你console.log($scope.datas)會顯示未定義的，因爲它會得到響應之前運行，

寫在你的成功調用此代碼返回。它將顯示值。

Answer 5

您需要訪問數據你是響應內部得到。

$ scope.datas = hasil.data;