angularjs – 为什么应用程序不显示角度js中的第一个视图

2019年8月5日 138次阅读

我试图在屏幕上显示我的第一个视图.我使用了角度的所有概念.但它没有显示或加载我的模板.我没有得到任何错误.但是它没有加载到html为什么这里是我的代码

http://goo.gl/VbBnqg

(function() {
    'use strict';

    angular.module('app.auth').config(Routes);


    Routes.$inject = ['$stateProvider', '$urlRouterProvider'];
    function Routes($stateProvider, $urlRouterProvider) {
        console.log("config call")
        // Default
        $urlRouterProvider.otherwise('signin');
        // Application
        $stateProvider
            .state('signin', {
                url: '/sign-in',


                templateUrl: 'js/auth/template/login.html',
                controller: 'authenticationCntrl'
            })
    }

})();

实际上我的login.html没有加载为什么？为什么它没有加载..

这是我的项目
https://dl.dropbox.com/s/x8s0xbllm270rq5/firstfroject.zip?dl=0

最佳答案 我将在答案中解释一下情况.

根据做文件(否则()部分)：
https://github.com/angular-ui/ui-router/wiki/URL-Routing

您可以将字符串(url路径)或函数传递给否则().如果你想使用state,你应该传递一个将调用该状态的函数,如下所示：

$urlRouterProvider.otherwise(function($injector, $location){
  $injector.invoke(['$state', function($state) {
    $state.go('stateName'); //in you case 'signup'
  }]);

它将调用状态服务并转到“注册”,其路由配置为“/注册”.总体效果是一样的.

点赞