用ng-repeat完全加载到html后调用一个函数

时间:2014-12-12 07:59:15

标签: json angularjs

如何在将我的json数据从服务器完全加载到ng-repeate后调用函数?

例如:我有json URL它有一些产品数据在我的车里,一旦我点击了查看购物车,就会在弹出框中显示购物车项目。如果添加另一个产品,我应该在弹出框中添加。

请帮帮我们

1 个答案:

答案 0 :(得分:0)

HTML

<div data-ng-controller="MainController">
    <ul>
        <li ng-repeat="asset in assets" my-directive>{{asset}}</li>
    </ul>
</div>

JS

var app = angular.module('myApp', []);

app.controller('MainController',function($scope) {
    $scope.assets = [1,2,3,4,5,6,7,8,9,10]; 
});
app.value('myFunc',function(){
  alert('Hello');
});
app.directive('myDirective', function( myFunc) {
  return {
    restrict: 'A',
     link: function(scope, elem) {

        if (scope.$last){
          myFunc();
        }
    }
  };
});

它也应该与asyn服务(获取数据)一起使用