AngularJS stateProvider不起作用

Question

我只是angularjs的初學者。 我沒有看到任何錯誤，並導致了以下測試項目。 index.html

<html ng-app="UserAuth">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>User Auth</title>
        <script src="http://code.angularjs.org/1.2.13/angular.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.8/angular-ui-router.min.js"></script>
        <script src="js/app.js"></script>
        <script src="controller/loginController.js"></script>
    </head>
    <body>
        <div ui-view></div>
    </body>
</html>

js / app.js

var app = angular.module('UserAuth', ['ui.router']);
app.config(function ($stateProvider) {
    $stateProvider
            .state('login', {
                url: "/",
                controller: "LoginController",
                templateUrl: "login.html"
            })
});

控制器/loginController.js

app.controller('UserAuth', function ($scope, $http) {

});

我的問題是login.html頁面無法顯示。

Answer 1

我有同樣的問題，解決了替換問題

<div ui-view></div>

通過

<ui-view>
 <i>Loading ....</i>
</ui-view>

注意：還要檢查網址和控制器

問候

Answer 2

似乎您也需要使用$urlRouterProvider.when('', '/');為空路由設置規則$urlRouterProvider.when('', '/'); ：

app.config(function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.when('', '/');
    $stateProvider
        .state('login', {
            url: "/",
            controller: "LoginController",
            templateUrl: "login.html"
        })
})

Answer 3

似乎您沒有名為LoginController的控制器。 您有一個名為UserAuth的控制器。
你需要改變

app.controller('UserAuth', function ($scope, $http) {

})

至

app.controller('LoginController', function ($scope, $http) {

});

AngularJS stateProvider不起作用

問題描述

3 個解決方案

解決方案1
1 2016-10-23 17:15:03

解決方案2
0 2016-01-04 14:25:09

解決方案3
0 2016-01-04 14:26:49

AngularJS stateProvider不起作用

問題描述

3 個解決方案

解決方案1 1 2016-10-23 17:15:03

解決方案2 0 2016-01-04 14:25:09

解決方案3 0 2016-01-04 14:26:49

解決方案1
1 2016-10-23 17:15:03

解決方案2
0 2016-01-04 14:25:09

解決方案3
0 2016-01-04 14:26:49