Разделение контроллера директивы на более мелкие части

Question

Итак, я сделал этот Plunker, который хорошо работает как демо: http://plnkr.co/edit/Zm9d6zHhrnqDlnJsSZ1I?p=preview. Это простая разбивка на страницы с двумя атрибутами атрибутов, которые содержат состояние модели и некоторое конфигурационное состояние. Я хочу закончить с директивой завода, как это (или что-то объяснить, как рассуждать по-разному):

angular.module('mnPagination').factory(function(model, config) { 
    return { 
    model: model, 
    config: config 
    } 
}) 

Моя проблема с текущим plunker является то, что приложение слой и слой директивы не похожи друг на друга. Поскольку у меня есть только одно приложение, я могу использовать фабрики в качестве поставщиков одиночных данных. Это действительно хорошо!

Но внутри директивы я не могу использовать какой-либо провайдер, так как это будет синглтон. Сфера действия - это новый объект для каждого объявленного экземпляра, так что это единственное место, где я могу поместить любой код состояния, который должен содержаться в директиве.

Директивы должны быть без гражданства?

Еще один мета-вопрос: Я единственный, кто волнуется об этом?

Это моя вторая попытка SO, и никто на facebook или на работе действительно это в MVVM/MVC или директивы с изолированной областью.

Я Лэй, приди, будь моим Люком!

Answer 1

Таким образом, я решил это, создав фабрику внутри угловой фабрики.

angular.module('mnPagination').factory('mnPaginationFactory', function() { 
    var factory = function (items, config) { 
    ... 
    } 

    return factory 
} 

Теперь я получаю новый объект для каждой директивы, вызвав завод из контроллера, который имеет элементы и объекты конфигурации на сфере.

Plunker здесь: http://plnkr.co/edit/DPTZUjeMihsva5nJ3IVx?p=preview.