Question

我在菜单中有一个注册链接。当我点击该弹出模式应该打开一些链接（使用Facebook注册，使用Google注册，使用电子邮件注册）

当我点击使用电子邮件注册时，弹出模式应保持相同，但模态的内容应该更改（有一个表单要填写并提交）

我正在尝试使用UI-Router嵌套状态但是模态中的内容即将出现在主页上。

这是我的route.js代码：

.state('home', {
        url: "/home",
        templateUrl: "app/modules/home/views/homeView.html",
        controller: "homeCtrl"
    })
    .state('home.modal', {
        url: "/modal",
        onEnter: [
            "$modal",
            function($modal) {
                $modal.open({
                    templateUrl: 'app/modules/home/views/partials/homeModal.html',
                    size: 'sm',
                    controller: 'homeModalCtrl'
                })
            }
        ]
    })
    .state('home.modal.signup', {
        url: "/signup",
        templateUrl: 'app/modules/home/views/partials/homeSignupLinkView.html',
        controller: "homeSignupModalCtrl"
    })
    .state('home.modal.signupForm', {
        url: "/signupForm",
        templateUrl: 'app/modules/home/views/partials/homeSignupFormView.html',
        controller: "homeSignupModalCtrl"
    })

    $urlRouterProvider.otherwise("/home");

这是我的controller.js：

home.controller('homeCtrl', function($scope, $modal){
    console.log('homeCtrl') ;
});

home.controller('homeModalCtrl', function(){
    console.log('homeModalCtrl');
})
home.controller('homeSignupModalCtrl', function(){
    console.log('homeSignupModalCtrl');
})

通过调试我发现我的 homeSignupModalCtrl 根本没有调用......！任何人都可以帮助，我失踪的地方？

模态应保持相同，但内容应仅在动作上改变 - bootstrap＆amp; AngularJS使用UIRouter

0 个答案: