angularjs - 来自 $resource 的异步数据指令没有正确初始化

Question

我正在尝试创建一个简单的轮播。源图像通过$resource。我需要一种通知数据已更改的监视表达式。一旦我有了这些数据，我需要使用位于 ng-model 属性中的数组中包含的第一张照片来初始化图库。

编码：

app.directive('ngCarousel', function() {

    var template =  //...;

    return {
        restrict: 'E',
        require: 'ngModel',
        scope: {data:'='},
        compile:function(tElement, tAttrs, transclude) {
            tElement.html(template);

            //...

            return function(scope, element, attrs, ctrl) {

                //...

                attrs.$watch(scope.$modelValue, function() {
                    //initialize the template
                })
            }
        }
    }
});

Answer 1

我需要一种通知数据已更改的监视表达式。

向您的 $resource 查询添加回调。即，而不是（我在这里猜测，因为您没有提供任何代码来显示您如何使用 $resource）

$scope.image1 = MyResourceWrapper.query()

改为这样做：

MyResourceWrapper.query( function(data) {
   // Now you know the data has arrived.  Initialize your gallery, etc.
   ...
}

---

另见http://angular-ui.github.com/bootstrap/#/carousel