Angular UI_ROUTER无法解析'newUser'From state 'login&

Angular UI_ROUTER Could not resolve 'newUser' from state 'login'

本文关键字：newUser From login state UI ROUTER Angular      更新时间：2023-09-26

我试图使用ui.routing，但使用stateProvider我得到错误:Could not resolve 'newUser' from state 'login'。下面是我的配置:

index . html 

<html lang="en" ng-app="mainApp">
    <section id="mainBody">
        <div class="continer">
            <div>
                <a ui-sref="main">Header</a>
                <a ui-sref="login">Login</a>
                <a ui-sref="list2">List2</a>
            </div>
            <div class="row" ui-view></div>
            <div>Footer</div>
        </div>
    </section>
</html>

index.js 

var mainApp = angular.module('mainApp', [, 'ui.router', 'ui.bootstrap']);
mainApp.config(['$stateProvider', function ($stateProvider) {
    $stateProvider.state('login', {
        url: 'login',
        templateUrl: '../../pages/login.html'
    });
}]);

login.html 

<!DOCTYPE html>
<html lang="en" ng-app="loginApp">
<body>
    <section id="form">
        <!--form-->
        <div class="container login-user">
            <div class="row">
                <a type="button" class="btn btn-loginUser btn-default col-xs-12 col-sm-2" ui-sref="existingUser">Existing user</a>
                <a type="button" class="btn btn-loginUser btn-default col-xs-12 col-sm-2" ui-sref="newUser">New user</a>
            </div>
            <div class="row" ui-view="userInfo">
            </div>
        </div>
    </section>
</body>
</html>

login.js 

var loginApp = angular.module('loginApp', ['ui.router', 'ngSanitize', 'ui.bootstrap']);
loginApp.config(['stateProvider', function (stateProvider) {
    $stateProvider
        .state('existingUser', {
            views: {
                "userInfo": {
                    url: 'existinguser',
                    templateUrl: '../../pages/loginForms/existingUserForm.html',
                    controller: 'existingUserCtrlr'
                }
            }
        })
        .state('newUser', {
            views: {
                "userInfo": {
                    url: 'newUser',
                    templateUrl: '../../pages/loginForms/newUserForm.html',
                    controller: 'newUserCtrlr'
                }
            }
        });
}]);
也许有人能告诉我我错过了什么?

loginApp和mainApp是两个不同的模块。你不能从login转到newUser，因为login是在mainApp上定义的。另外两条路由在loginApp上定义。定义同一模块上的所有路由

相关文章：