1

Доброго времени. Столкнулся вот с такой проблемой грамотности. У меня есть несколько состояний, которые может принять $stateprovider, и все эти состояния имеют одинаковый шаблон (TemplateURL) и являются наследниками, от дефолтного состояния (что бы меньше писать).

Сейчас это выглядит вот так:

(function () {
    angular
        .module("StN")
        .config(config);

function config($stateProvider) {
    $stateProvider
        .state("invoice", {
            url: "/invoice",
            templateUrl: "/Scripts/js/stn/invoice/invoice.html",
            controller: "invoiceController as vm"
        })
        .state("invoice.custom", {
            url: "/castom"
        })
        .state("invoice.search", {
            url: "/search?Status?Invoice?"
        });
}

})();

В зависимости от текущего state, должна быть выполнена чуть-чуть другая логика (в данном случае разная фильтрация), это происходит на старте контроллера. В данный момент это выглядит вот так

angular
    .module("StN")
    .controller("invoiceController", invoiceController);

function invoiceController($http, $state) {
    switch (state.name) {
    case "invoice.search":
        //Одна логика 
        break;
    case "invoice.custom":
        //другая логика
        break;
    case "invoice.status":
        //еще 1 логика
        break;
    }
}

Из-за этого возникает проблема, если мне понадобится еще какая-то функциональность, зависящая от текущего state, мне придется опять делать такой switch.

Помогите пожалуйста сделать этот код более оптимизированным. Спасибо.

9
  • почему не использовать свой контроллер в каждом стейте?
    – Grundy
    4 окт 2016 в 9:32
  • тут требуется логика этого родительского контроллера. Я так понимаю тут идет намек на наследование. Но я не представляю каким образом делать наследование контроллера в stateprovidr'е 4 окт 2016 в 9:38
  • без минимальный воспроизводимый пример нельзя сказать на что тут намек идет, и есть ли вообще тут какие-нибудь намеки.
    – Grundy
    4 окт 2016 в 9:40
  • Исправил, думаю понятна суть 4 окт 2016 в 9:51
  • теперь явно видно, что вместо общего контроллера invoiceController у каждого стейта должен быть свой контроллер, и switch вообще не нужен
    – Grundy
    4 окт 2016 в 9:57

1 ответ 1

1

Вы можете сделать разные контроллеры под задачи и расширять его базовым контроллером который имеет общую логику с помощью angular.extend. Например:

module.controller('searchController', ['$scope', '$controller', function ($scope, $controller) {
    angular.extend(this, $controller('BaseController', {$scope: $scope}));
    // + Дополнительная логика
}]);
1
  • Да, я как раз так и поступил, только базовый контроллер реализовал чуть-чуть по другому 7 ноя 2016 в 12:12

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.