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('', '/');设置空路线规则：

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

Answer 3

似乎你没有名为<?php $m = new MongoClient("localhost"); $c = $m->selectDB("test")->selectCollection("collectionName"); $ops = array( array( '$project' => array( "children" => 1, "numOfChildren" => array( "$size" => "$children" ) ) ) ); $results = $c->aggregate($ops); var_dump($results); ?>的控制器。你有一个名为LoginController的控制器。
你需要改变

UserAuth

到

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

})

AngularJS stateProvider不工作

3 个答案: