AngularJS - Lấy dữ liệu được chèn vào dom

Question

Tôi đang tìm cách lấy dữ liệu ban đầu từ DOM sau khi ứng dụng được tải. Dữ liệu đã được chèn vào trong một khung nhìn bởi một máy chủ. Phương pháp value của Module có phải là một cách hay không?

Tôi cũng muốn biết cách lấy dữ liệu từ chế độ xem khi tôi đang làm việc với routes, tôi có thể sử dụng các thẻ script để tiêm dữ liệu trong phạm vi cụ thể không?

Tôi đã thấy this và this câu hỏi nhưng nó không giúp ích nhiều.

Answer 1

1) giải pháp đầu tiên lấy cảm hứng từ this question và nó là Module's value method:

<script> 
    var users_json = '[{"name":"Piotr"},{"name":"Natasha"}]'; // created by xsl 
    myApp.value("PrimaryData" , users_json); 
</script> 
<ul> 
    <li ng-repeat="user in users">{{user.name}}</li> 
</ul> 

Sau đó, chúng ta có thể sử dụng này PrimaryData khi nào và nơi chúng ta muốn, như thế này:

myApp.controller('MainCtrl', function($scope, PrimaryData) { 
    $scope.data = angular.copy(PrimaryData); 
    console.log($scope.data[0].name === "John"); 
}); 

Nhưng cách này bằng cách nào đó không làm việc cho tôi khi tôi bắt đầu sử dụng routes, có thể là do value chỉ chạy trong khi khởi tạo ứng dụng.

2) Vì vậy, ở đây có giải pháp thứ hai: chỉ thị. Bây giờ khi máy chủ gửi mẫu của một tuyến đường, nó đặt bên trong một số script thẻ với một loại "text/template" và đặc biệt sở hữu tên chỉ thị và dữ liệu json trong thẻ đó, như thế này:

<script type = "text/template" rawdata >  <!-- "rawdata" is our directive 
    '[{"name":"Nelson"},{"name":"Luis"}]'  // created by xsl 
</script> 
<ul> 
    <li ng-repeat="user in users">{{user.name}}</li> // view is beside 
</ul> 

Và chỉ thị này bắt nó và chuyển dữ liệu với phạm vi tuyến đường hiện tại ':

studio.directive('rawdata', function() { 
    return { 
    link: function(scope, element, attr, ctrl) { 
     if(scope.passRawData){ 
      var data = (element[0].innerHTML); 
      scope.passRawData(data); // Or simply scope.users = JSON.parse(data) 
     } else { 
      console.log("Scope has no passRawData method"); 
     } 
    } 
    } 
}); 

Tuyệt vời! :)