0

シンプルなカルーセルを作成しようとしています。ソース画像はスルーされて$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
                })
            }
        }
    }
});
4

1 に答える 1

0

データが変更されたことを通知する一種のウォッチ式が必要です。

$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も参照してください

于 2013-01-12T18:22:42.767 に答える