AngularUI Modalコントローラエラー

Question

AngularUI Modalを初めて試してみました。

一定のエラーがあります。controller as vmは関数ではありません。未定義です。ここで

は私の一部です：

<div class="container" ng-controller="controller as vm"> 
<script type="text/ng-template" id="hello.html"> 
    <div class="modal-header"> 
    <h3 class="modal-title" id="modal-title">I'm a modal!</h3> 
    </div> 
    <div class="modal-body" id="modal-body"> 
    hello 
    </div> 
    <div class="modal-footer"> 
    <button class="btn btn-primary" type="button" ng-click="vm.ok()">OK</button> 
    <button class="btn btn-warning" type="button" ng-click="vm.cancel()">Cancel</button> 
    </div> 
</script> 

<button type="button" class="btn btn-default" ng-click="vm.open()">Open me!</button> 

はコントローラー：

app.controller('controller',[function($uibModal,$log) 
{ 
var vm = this; 
vm.animationsEnabled = true; 

vm.open = function() { 
var modalInstance = $uibModal.open({ 
    animation: vm.animationsEnabled, 
    ariaLabelledBy: 'modal-title', 
    ariaDescribedBy: 'modal-body', 
    templateUrl: 'hello.html', 
    controller: 'Modalcontroller', 
    //controllerAs: 'vm', 


    }) 
}; 
}]); 

app.js

var app=angular.module("myapp",['ui.router', 'ui.bootstrap']); 

... 

    .state("user", { 
    url: "/user", 
    views: { 
     "main": { 
     templateUrl: "partials/user.html", 
     controller: "controller", 
     controllerAs: "vm", 
     } 
    } 
}); 

Answer 1

私はplunkrを作成しました。どうぞご覧ください

(https://plnkr.co/edit/6fx26BVrXu0ud8TkvrMq?p=preview) 

myApp.controller('ModalController', ['$scope', '$uibModalInstance', '$uibModal', '$state', function($scope, $uibModalInstance, $uibModal, $state) { 
     var self = this; 
     self.cancel = function(){ 
      $uibModalInstance.dismiss(); 
     }; 

    }]); 
    myApp.controller('userController', ['$scope', '$uibModal', '$state', function($scope, $uibModal, $state) { 
     var self = this; 
     self.animationsEnabled = true; 

     self.open = function(){ 

     var modalInstance = $uibModal.open({ 
       animation: self.animationsEnabled, 
       ariaLabelledBy: 'modal-title', 
       ariaDescribedBy: 'modal-body', 
       templateUrl: 'hello.html', 
       controller: 'ModalController', 
       controllerAs: 'vm' 

      }); 
     }; 
    }]);