我想通过使用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" />
我的视图被命名为驻留在App目录中的Register.cshtml。此路由也在此URL处于活动状态。但当我点击按钮没有任何反应时,我想知道templateUrl是否在这里要求任何其他格式的URL。请建议我在这里缺少什么。
答案 0 :(得分:0)
尝试使用extersions指定模板的路径
templateUrl: 'App/Register.cshtml',
.open
的其他选项看起来很好。