

AngulerJSとBootStrapを使用してモーダル画面を表示しようとしているのですが  
`$modal.open`のところで

[code]

    TypeError Cannot read property 'open' undifined
    
[/code]

とエラーが出てしまいます。  
原因はなんでしょうか？

[code]

    var app = angular.module('app',['ui.bootstrap']);
    
    //ApplicationController
    app.controller("controller", ['$scope', '$http', function($scope, $http, $modal)
    {
        $scope.AnkenCheck = function(){
            $scope.newGuest = {};
            $modal.open({
                        templateUrl: "AnkenSerch",
                        scope: $scope
                        }); }
    }]);
    
[/code]


CC BY-SA 3.0
2017-02-21T05:27:08.890
32833
2019-07-18T03:02:15.337
2017-02-21T07:31:43.203
18852
question
javascript angularjs bootstrap
AngulerJSでのモーダル画面表示


全体的に$modalではなく$uimodalでした  
また最初に

[code]

    app.controller("controller", ['$scope', '$http','$uibModal', function($scope, $http, $uibModal )
    
[/code]

と定義しておいく必要があることがわかりました。  
実際につかうときは

[code]

    var modalInstance = $uibModal.open({
                            templateUrl: "AnkenSerch",
                            scope: $scope
                        });
    
[/code]

としました


CC BY-SA 3.0
2017-02-21T13:51:43.447
32846
2017-04-04T12:00:51.373
2017-04-04T12:00:51.373
18852
32833
answer