$modal.打开不起作用

$modal.open is not working

本文关键字：不起作用 modal      更新时间：2023-09-26

我想使用 ui.bootstrap 将进度对话框显示为模型，因此我将其作为依赖项包含在我的应用程序中，如下所示：

var app = angular.module('app', ['ngRoute','ngCookies','home','ui.bootstrap']);

注入后，我的控制器如下：

angular.module('home', [])
.controller('homeCtrl', ['$scope', '$http', '$filter', '$route', '$routeParams', '$location', '$rootScope', 'showAlertSrvc', '$modal',
function ($scope, $http, $filter, $route, $routeParams, $location, $rootScope, showAlertSrvc, $modal) {
    $scope.open = function () {
        var modalInstance = $modal.open({
            templateUrl: 'App/Register',
            controller: 'registerCtrl',
            //size: size,
            resolve: {
                items: function () {
                    return $scope.items;
                }
            }
        });
        //modalInstance.result.then(function (selectedItem) {
        //    $scope.selected = selectedItem;
        //}, function () {
        //    //$log.info('Modal dismissed at: ' + new Date());
        //});
    };
}]);

我的 HTML 是 ：

<input type="submit" value="Show Model" class=" novalidate form-control" ng-click="open()" style="background-color:skyblue; height: 45px" />

My View 被命名为 Register.cshtml，位于 App 目录中。此外，路由在此 URL 上处于活动状态。但是当我单击按钮时没有任何反应，我想知道模板 URL 是否在这里需要任何其他格式的 URL。请建议我在这里缺少什么。

尝试使用外延指定模板的路径

templateUrl: 'App/Register.cshtml',

.open的其他选项看起来不错。

相关文章：