angular.js - Masalah dengan pembelajaran penghalaan angularJS
世界只因有你
世界只因有你 2017-05-15 16:55:47
0
1
588

Semasa saya belajar penghalaan daripada buku, kod yang lengkap adalah seperti berikut:

<!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>

bahagian home.html

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

bahagian 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'
        }
    );
}]);

Hasilnya OK, tetapi konsol akan melaporkan ralat saya ingin tahu sebabnya?

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

membalas semua(1)
世界只因有你

Melihat mesej ralat, ia sepatutnya menjadi masalah dengan HomeController Adakah ia tidak ditakrifkan?

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan