html divタグからAngularJSのコントローラにデータを渡す

Question

私は自分のHTMLにdivを持っています。 divの中で私はコントローラを呼び出しています。私はdivからコントローラにいくつかのデータを渡す必要があります。私は、コントローラへのロード時のフィールドの値を渡すにはどうすればよい

などの入力フィールド/ボタンと同様

<div ng-controller="writeLoadTimeController"> 
    <!--adding this controller to send the page load time to server--> 
    $scope.loadTime=$window.performance.timing.domContentLoadedEventEnd-$window.performance.timing.navigationStart; 

    </div> 

をdiv要素内の他のHTML要素を持っていません。

Answer 1

あなたが試すことができます：

<div id="loadTime" ng-controller="writeLoadTimeController" ng-load="someFunction()"> 


</div> 

とコントローラを：

$scope.someFunction = function(){ 
     $scope.loadTime=$window.performance.timing.domContentLoadedEventEnd-$window.performance.timing.navigationStart; 
    } 

Answer 2

1：あなたはdiv要素にonloadイベントイベントを追加し、あなたのためのロード時を計算する関数を呼び出すことができます。それはこのようにすべきです。

は、HTML：

<div id="loadTime" ng-controller="writeLoadTimeController"> 
</div> 

とコントローラを：

app.controller("writeLoadTimeController", function($scope){ 
    $scope.loadTime =""; 
    document.getElementById("loadTime").addEventListener('onload', onloadHandler); 
    function onloadHandler(){ 
     $scope.loadTime=$window.performance.timing.domContentLoadedEventEnd-$window.performance.timing.navigationStart; 
    } 
}); 

次にあなたがHTMLで{{loadTime}}を使用することができます。

2：あなたはonloadイベントリスナーを追加しないと、次の操作を行うことができます

あなたがHTML：

<div id="loadTime" ng-controller="writeLoadTimeController"> 
</div> 

とコントローラ：

app.controller("writeLoadTimeController", function($scope){ 
    $scope.loadTime =""; 

    $scope.loadTimeCalculator = function(){ 
     $scope.loadTime=$window.performance.timing.domContentLoadedEventEnd-$window.performance.timing.navigationStart; 
    } 

    $scope.loadTimeCalculator(); 
}); 

それはときloadTimeCalculator()関数を呼び出しますwriteLoadTimeControllerが呼び出されます。

これはあなたに役立ちます。