AngularJS&ui.bootstrap.modal service templateUrl – 我
发布时间：2020-12-17 10:26:29 所属栏目：安全 来源：网络整理
导读：我对Angular很新,但很喜欢它！我正在尝试创建一个模态对话框来显示局部视图. ui.bootstap.modal有一个选项,用于显示要显示的局部视图的URL.我在我的应用程序模块上配置了一个如下所示的路由： angular.module('buggy').config(['$routeProvider',function($r
|
我对Angular很新,但很喜欢它！我正在尝试创建一个模态对话框来显示局部视图. ui.bootstap.modal有一个选项,用于显示要显示的局部视图的URL.我在我的应用程序模块上配置了一个如下所示的路由：
angular.module('buggy').config(['$routeProvider',function($routeProvider) {
$routeProvider.
when('/lists',{
templateUrl: 'views/lists/list.html'
}).
when('/lists/create',{
templateUrl: 'views/lists/create.html'
}).
when('/lists/:listId',{
templateUrl: 'views/lists/partials/view.html'
}). //more stuff
我想在上面的路由中显示定义为(/ lists /：listId)的部分模板.所以在我的控制器中我试图打开模态对话框,如下所示： $scope.showList = function (list) {
$modal.open({
templateUrl:'lists/' + list._id,scope:$scope
});
}
模态对话框打开,但内容只是[对象].我是否需要在服务器端定义路由,还是可以使用Angular路由返回部分路由？ 谢谢！
我对$routeProvider的理解存在缺陷.我责怪多年的jQuery’n;)我现在已经开始工作了.我相信$routeProvider返回了我的模块配置中定义的控制器实例;不是实际的模板.我改变了我的代码：
$scope.showList = function (list) {
$scope.currentList = list;
$modal.open({
templateUrl: 'views/lists/modals/view.html',backdrop: false,scope: $scope,controller: 'modalCtrl'
});
}
如果这不是一个好的解决方案..请评论.我还有很多关于Angular的知识. 谢谢！ （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |