javascript - angular ui 错误 : $modal. open is not a function

Question

我正在尝试使用 Angular-UI v0.10.0 ( http://angular-ui.github.io/bootstrap/ ) 和 Angular 1.1.5 显示模态，但我收到以下错误:

Error: $modal.open is not a function

我不确定或为什么会收到此错误。这就是我所拥有的...

HTML:

    <div ng-controller="ModalDemoCtrl">
        <button class="btn btn-default btn-sm" ng-click="open()">open me</button>
    </div>

JS:

app.controller('ModalDemoCtrl', ['$scope', '$modal', function ($scope, $modal) {
    $scope.open = function () {
        var modalInstance = $modal.open({
            templateUrl: 'template.html',
            controller: 'ModalInstanceCtrl', 
            resolve: {}
        });
    };
}]);

app.controller('ModalInstanceCtrl', ['$scope', '$modalInstance', function ($scope, $modalInstance) {
    $scope.ok = function () {
        $modalInstance.close();
    };
    $scope.cancel = function () {
        $modalInstance.dismiss('cancel');
    };
}]);

我只是想先了解一下基础知识...比如打开它。我几乎用尽了我的资源，所以任何帮助将不胜感激!谢谢!

Answer 1

我解决了这个问题。

显然，我在 angular-ui 下有 angular-strap，它覆盖了 angular-ui。这两个脚本显然相互冲突。

我正在开发的应用程序很复杂，因此很容易忽略这一点。但是，忠告，坚持使用一个库并保持简单。

谢谢大家!