搜尋

首頁  >  問答  >  主體

angular.js - angularJS路由學習的問題

我在按照書上學習路由的時候,完成的程式碼如下:

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

home.html部分

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

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

結果是可以,但是控制台會報錯,我想知道是什麼原因?

世界只因有你世界只因有你2744 天前532

全部回覆(1)我來回復

  • 世界只因有你

    世界只因有你2017-05-15 16:57:47

    看報錯的資訊應該是HomeController的問題,是不是沒定義?

    回覆
    0
  • 取消回覆