我正在寻找一种在加载应用程序后从DOM获取初始数据的方法。服务器已将数据插入到视图中。是Module的value方法是个好方法吗?
Module
value
我也想知道在使用时如何从视图中获取数据,我routes可以使用script标签在特定范围内注入数据吗?
routes
script
我看到这个和这个问题,但它并没有帮助了很多。
1)受此问题启发的第一个解决方案是Module的value方法:
<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>
然后,我们可以PrimaryData在希望的时间和地点使用它,如下所示:
PrimaryData
myApp.controller('MainCtrl', function($scope, PrimaryData) { $scope.data = angular.copy(PrimaryData); console.log( $scope.data[0].name === "John" ); });
但是这种方式在我开始使用时对我不起作用routes,可能是因为value仅在应用程序初始化时运行。
2)接下来是第二种解决方案:指令。现在,当服务器发送路由的模板时,它将放入script一个带有"text/template"类型和特殊指令名称属性的标签,以及该标签中的json数据,如下所示:
"text/template"
<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>
并且此指令捕获它并将数据传递到当前路由的范围:
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" ); } } } });
太棒了!:)