Modal templateUrl can't be a function like UI-Router supports

[kevinrenskers]

I want to open a modal with a different template depending on the type of object I'm dealing with, but this seems impossible. The template option only takes a string.

$stateProvider.state('tasks.detail', {
        parent: 'tasks.list',
        url: '/{taskId:[0-9]{1,8}}',
        onEnter: function($modal, $stateParams, $state, tasks) {
            $modal.open({
                size: 'lg',
                controller: 'TaskDetailCtrl as controller',
                template: function($http, task, $templateCache) {
                    var templateUrl = 'tasks/' + task.type + '.html';
                    return $http.get(templateUrl, {cache: $templateCache}).then(function (result) {
                        return result.data;
                    });
                },
                resolve: {
                    task: function() {
                        return tasks.get($stateParams.taskId);
                    }
                }
            });
        }
    });

The template will literally be "function(...". In UI-Router templateUrl can be a function instead of a string, but that doesn't work here either.

How could I achieve my goal?

[kevinrenskers]

Okay I was actually able to do it like this:

$stateProvider.state('tasks.detail', {
        parent: 'tasks.list',
        url: '/{taskId:[0-9]{1,8}}',
        onEnter: function($modal, $stateParams, $state, $http, $templateCache, tasks) {
            $modal.open({
                size: 'lg',
                controller: 'TaskDetailCtrl as controller',
                template: (function() {
                    var task = _.find(tasks, {id: $stateParams.taskId});
                    var templateUrl = 'tasks/' + task.type + '.html';
                    return $http.get(templateUrl, {cache: $templateCache}).then(function (result) {
                        return result.data;
                    });
                })(),
                resolve: {
                    task: function() {
                        return tasks.get($stateParams.taskId);
                    }
                }
            });
        }
    });

Still, it's strange that templateUrl doesn't accept a function like UI-Router does.

[pkozlowski-opensource]

Hmm, OK, actually we could easily add a possibility to specify a function, this should be trivial to add. Fancy a PR? If not I can probably push a fix later today.

[kevinrenskers]

Sorry, I'm still behind on reviewing pull requests on my own projects. I could maybe find time to create one sometime later this week, but it's probably a lot quicker if you could do it? Thank you!