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

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;
            }
        }
    });