ui bootstrap modal's controller 'is not defined'

Question

i am trying to use the modal directive from ui-bootstrap 0.6

here is the working default plunker from the ui-bootstrap page:

http://plnkr.co/edit/JGBiBSeRqO

Answer 1

You can use quotes as the other answer suggests, or you can also do as the example in the docs and define the variable:

var ModalInstanceCtrl = function ($scope, $modalInstance, items) { ... }

Answer 2

Provide controller name as String, exactly as you would do in route definitions, directives etc.:

var modalInstance = $modal.open({
        templateUrl: 'myModalContent.html',
        controller: 'ModalInstanceCtrl',
        resolve: {
            items: function () {
            return $scope.items;
            }
        }
    });