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

```

    TypeError Cannot read property 'open' undifined
    
```

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

```

    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
                        }); }
    }]);
    
```
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でした  
また最初に

```

    app.controller("controller", ['$scope', '$http','$uibModal', function($scope, $http, $uibModal )
    
```

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

```

    var modalInstance = $uibModal.open({
                            templateUrl: "AnkenSerch",
                            scope: $scope
                        });
    
```

としました
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