$ scope.someStuffの応答値を変数に取り込む方法は？

Question

これは私の角度コントローラです：

angular 
    .module('hameedApp', []) 
    .controller('hameedController', function($scope, $http) { 

     $http({ 
      method: 'GET', 
      url: 'json.php' 
     }).then(function(response) { 
      $scope.contacts = response.data; 

     }).catch(function(response) { 
      console.log('error'); 
     }) 
    }); 

これはbodyタグから私のhtmlです：

<table class="table"> 
    <tr> 
     <th>Name</th> 
     <th>Phone No</th> 
     <th>Email</th> 
    </tr> 
    <tr ng-repeat="contact in contacts"> 
     <td>{{contact.name}}</td> 
     <td>{{contact.gsm}}</td> 
     <td>{{contact.email}}</td> 
    </tr> 
</table> 

<script> 
    var test = {{contacts}} 
    console.log(test); 
</script> 

私は「テスト」と呼ばれる一つの変数で{{contacts}}完全な配列のJSONデータの上に取得したいです。

は可能ですか？

Answer 1

角コンセプトは何でも入れて$scopeはnon-angularコードに直接アクセスできません。できることは、以下のようなwindowオブジェクトを使ってグローバル変数に割り当てることができるということです。

angular 
    .module('hameedApp', []) 
    .controller('hameedController', function($scope, $http) { 

     $http({ 
      method: 'GET', 
      url: 'json.php' 
     }).then(function(response) { 
      $scope.contacts = response.data; 
      window.contacts = response.data; 
     }).catch(function(response) { 
      console.log('error'); 
     }) 
    }); 

今、あなたはそのangularでcontactsどこかだけでなく、non-angularコードにアクセスすることができます。

編集

あなたはcontactsnon-angularのコードを取得したい、あなたは更新された値についてのあなたのnon-angularコードを伝えるためにcallbackメカニズムを使用する必要があります。今、あなたは

angular 
    .module('hameedApp', []) 
    .controller('hameedController', function($scope, $http) { 

     $http({ 
      method: 'GET', 
      url: 'json.php' 
     }).then(function(response) { 
      $scope.contacts = response.data; 
      window.updateContacts(response.data); 
     }).catch(function(response) { 
      console.log('error'); 
     }) 
    });