Question

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

(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

Answer 1

我将在答案中解释一下情况。根据do docs（否则（）部分）：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'
  }]);

它将调用状态服务并转到注册，其路由配置为＆＃39; /注册＆＃39;。总体效果是一样的。

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

1 个答案: