angulaire.js - Problèmes d'apprentissage du routage angulaireJS
世界只因有你
世界只因有你 2017-05-15 16:55:47
0
1
542

Lorsque j'apprenais le routage à partir du livre, le code complété était le suivant :

<!DOCTYPE html>
<html  ng-app="myApp" lang="zh-cn">
    <title>Simple app</title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css"/>
</head>
<body >
<!-- HEADER AND NAVBAR -->
<header>
    <nav class="navbar navbar-default">
        <p class="container">
            <p class="navbar-header">
                <a class="navbar-brand" href="/">Angular Routing Example</a>
            </p>
            <ul class="nav navbar-nav navbar-right">
            //这里引向不同的页面
                <li><a href="#home"><i class="fa fa-home"></i> Home</a></li>
                <li><a href="#login"><i class="fa fa-shield"></i> About</a></li>

            </ul>
        </p>
    </nav>
</header>

<!-- MAIN CONTENT AND INJECTED VIEWS -->
<p id="main">
    <!-- angular templating -->
    <!-- this is where content will be injected -->
    <p  ng-view >//主要是这里

    </p>
</p>



<script src="bower_components/angular/angular.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.0-beta.4/angular-route.min.js"></script>
<script src="app.js"></script>
</body>
</html>

section home.html

<p ng-controller="HomeController">
    <p>我是主页</p>
</p>

partie app.js

var app = angular.module('myApp',['ngRoute']);
app.config(['$routeProvider',function($routeProvider){
    $routeProvider
        .when('/home',{
            templateUrl: 'page/home.html',
            controller:'HomeController'
        })
        .when('/login',{
            templateUrl: 'page/login.html',
            controller:'LoginController'
        }
    );
}]);

Le résultat est OK, mais la console signalera une erreur. Je veux connaître la raison ?

世界只因有你
世界只因有你

répondre à tous(1)
世界只因有你

En regardant le message d'erreur, cela devrait être un problème avec HomeController. N'est-il pas défini ?

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal