javascriptにangularJs変数を渡します。

Question

javascript変数に渡したいAngularjs変数があります。 解決策が見つかりました。 here ですので、うまくいきませんでした。私のコード：

<script> 
var demo=angular.module('demo', []); 
demo.controller('metrics', function($scope, $http) { 
$http.get('http://localhost:8080/metrics').then(function(response) 
    { 
    $scope.metrics = response.data;    
    }); 
    }); 
</script> 

<div ng-controller="metrics"> 
<p>{{metrics}}<p> 
</div> 
<script> 
var e = angular.element(document.querySelector('[ng-controller="metrics"]')); 
var e1 = e.scope().metrics ; 
alert(e1) 
</script> 

は、私が何かを返しませんでしたからの結果{{}}メトリクスしかしE1を得ました。
ご協力いただきありがとうございます。

Answer 1

現在のコードから、コードJSが実行されるまでには、metricsデータは含まれません。

JSコードはAPI呼び出しのthen応答で書かれるべき、

あなたがそれを行う場合metricsは値を取得した後、JSコードが呼び出されます。

var demo=angular.module('demo', []); 
demo.controller('metrics', function($scope, $http) { 
    $http.get('http://localhost:8080/metrics').then(function(response) 
    { 
     $scope.metrics = response.data;    
     var e = angular.element(document.querySelector('[ng-controller="metrics"]')); 
     var e1 = e.scope().metrics ; 
     alert(e1); 
    }); 
}); 

Answer 2

angular.element（）あなたは、その生のDOMでそれ

にid属性を割り当てる特定の<p>を取得したい場合、あなたは属性を追加することができ、生のDOM

を取得するための角度での関数であります、クラスまたは他の（check this link for more info）

を追加していますがmetricsで何かをしたいならば、ちょうどあなたが$http

からそれを取得した後 $scope.metricsを使用3210