如何在角度模型中從carouFredSel中刪除項目？

Question

我遇到了一些為動態輪播實現carouFredSel的問題，該動態輪播使用角度模型進行模型-視圖-控制器關系。 在角度范圍內，我應該從模型范圍中刪除項目，但是問題是我還應該擔心在刪除項目時重新計算輪播大小。 並且在carouFredSel中，我應該刪除在單擊了元素的元素上觸發自定義事件'removeItem'的項目，但是此事件將更新DOM樹，但不會更新模型是否可以正確刪除項目？

Answer 1

觀察您的角度模型，並在更改時“重新初始化” carouFredSel，如下所示：

myModule.directive('myDirective', ['$timeout', function factory($timeout) {
    controller: ['$scope', function($scope) {
        $scope.model = [...];
        $scope.deleteItem = function (item) {
            var index = $scope.model.indexOf(item);
            $scope.model.splice(index,1);
        };
    }],
    link: function postLink(scope, element, attributes) {       
        scope.$watch('model', function() {
            $timeout(function(){
                element.find('.foo').carouFredSel({
                    ...
                });
            }, 500);
        });
    }
}

<div class="foo">
    <div ng-repeat="item in model">
        <div ng-click="removeItem(item)">item</div>
    </div>
</div>