template.htmlファイル内のscriptタグのangularjsコンポーネントからデータを取得

Question

コンポーネントファイルはcsvファイルからデータを取得し、別のhtmlファイルにtemplateUrlを持ちます。このhtmlファイルには、いくつかの機能が実行されるscriptタグが含まれています。 HTMLファイルのscriptタグのコンポーネントファイルのresponse.dataから配列にアクセスしたいと思います。

angular.module("keyMetric",[]) 
.component("keyMetric",{ 
    templateUrl : 'keymetric/keymetric.template.html', 
    controller : function control($http) { 
     $http.get('customers.csv').then(function(response){ 
      var arr = response.data; 
      var arrsplit = arr.split(','); 
     }); 
    } 
}); 

私が使用$rootScope keymetric.template.htmlファイル内のスクリプトタグに

Answer 1

をarrsplit変数にアクセスしたいです。 HTMLで今

$http.get('customers.csv').then(function(response){ 
      var arr = response.data; 
      var arrsplit = arr.split(','); 
      $rootScope.datareceived = arrsplit; 
     }); 

{{$root.datareceived[0]}}よう

アクセス。スクリプト

angular.element(document.querySelector('[ng-controller="controllername"]')).scope().yourscopevariable 

またはここでjqueryの

var whateveryouwant = $('[ng-controller="controllername"]').scope().yourscopevariable; 

を使用して、スコープ変数にアクセスするには

は角コンテキスト外のスコープ変数のホールドを取得する一般的な方法である

function getScope(ctrlName) { 
    var sel = 'div[ng-controller="' + ctrlName + '"]'; 
    return angular.element(sel).scope(); 
} 

このコントローラ名を渡すことで呼び出すことができます

var $scope = getScope('ctrl');