Angularjs UI.router未显示初始模板_Angularjs_Angular Ui Router

Angularjs UI.router未显示初始模板

angularjs

Angularjs UI.router未显示初始模板,angularjs,angular-ui-router,Angularjs,Angular Ui Router,我有一个使用ui路由器的angularjs应用程序，当我访问以下URL时，根据配置的ui路由，它必须显示customlogin.html页面，但不是，它给出404错误页面在上面的url中，UIRouter是应用程序名，/customlogin是州的url 有人能帮我解决这个问题吗下面是plnkr的url 下面是我的档案 baseApp.js angular.module('baseApp',['baseApp.routes']); angular.module('baseApp.rout

我有一个使用ui路由器的angularjs应用程序，当我访问以下URL时，根据配置的ui路由，它必须显示customlogin.html页面，但不是，它给出404错误页面

在上面的url中，UIRouter是应用程序名，/customlogin是州的url

有人能帮我解决这个问题吗

下面是plnkr的url

下面是我的档案

baseApp.js

angular.module('baseApp',['baseApp.routes']);

angular.module('baseApp.routes',['ui.router'])
    .config(['$stateProvider','$urlRouterProvider','$httpProvider',function($stateProvider,$urlRouterProvider,$httpProvider){

    console.log("in view");
    $stateProvider
        .state("login",{
            url:'/customlogin',
            templateUrl:'customlogin.html',
            controller:'ContactLoginCtrl'
        })
    $urlRouterProvider.otherwise("/customlogin");
}]) ;

angular.module('baseApp')
.controller('ContactLoginCtrl', ['$scope',function($scope){
    console.log("in the controller")

}])

baseApp.routes.js

angular.module('baseApp',['baseApp.routes']);

angular.module('baseApp.routes',['ui.router'])
    .config(['$stateProvider','$urlRouterProvider','$httpProvider',function($stateProvider,$urlRouterProvider,$httpProvider){

    console.log("in view");
    $stateProvider
        .state("login",{
            url:'/customlogin',
            templateUrl:'customlogin.html',
            controller:'ContactLoginCtrl'
        })
    $urlRouterProvider.otherwise("/customlogin");
}]) ;

angular.module('baseApp')
.controller('ContactLoginCtrl', ['$scope',function($scope){
    console.log("in the controller")

}])

ContactLoginCtrl.js

angular.module('baseApp',['baseApp.routes']);

angular.module('baseApp.routes',['ui.router'])
    .config(['$stateProvider','$urlRouterProvider','$httpProvider',function($stateProvider,$urlRouterProvider,$httpProvider){

    console.log("in view");
    $stateProvider
        .state("login",{
            url:'/customlogin',
            templateUrl:'customlogin.html',
            controller:'ContactLoginCtrl'
        })
    $urlRouterProvider.otherwise("/customlogin");
}]) ;

angular.module('baseApp')
.controller('ContactLoginCtrl', ['$scope',function($scope){
    console.log("in the controller")

}])

customlogin.html

<html lang="en" ng-app="baseApp">
<body>
<form name="contactLogin" ng-controller="ContactLoginCtrl"  ng-submit="authenticate(userModel)">
    <label  for="name" >UserName:</label>
    <input  type="text" ng-model="userModel.username" /></br>
    </br>

    <label for="password" >PassWord:&nbsp;</label>
    <input type="password" ng-model="userModel.password"  />
    </br>
    </br>
    <button type="submit"  name="Login" >Login</button>

</form>
<script src="angular.min.js"></script>
<script src="angular-ui-router.min.js"></script>
<script src="baseApp.js"></script>
<script src="baseApp.routes.js"></script>
</body>
</html>


用户名：




密码：




登录

在其他调整中，最重要的是——为各州制定一个目标。我们需要：

<div ui-view></div>

有