AngularJS 观看次数未加载

Question

我正在为我的网站使用 AngularJS 路由，但 NG-VIEW 未加载任何内容。我只是在测试 "about" link。当我从导航栏单击 "About me" 时，我希望 NG-VIEW 显示 about.html。

这里是index.html:

 <!DOCTYPE html>
<html lang="en-US">
    <head>
        <link href="/css/style.css" rel="stylesheet">

    <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-route.min.js"></script>

    <script src="/js/parallax.js-1.4.2/parallax.js"></script>

    <title>##</title>
</head>

<body ng-app="AgendaApp">

    <div class="header">
        <div class="container">
            <ul id="topnav">
                <li><a href="/">Home</a></li>
                <li><a href="#/about">About Me</a></li>
                <li><a href="#">GitHub</a></li>
                <li><a href="#">Resume</a></li>
                <li><a href="#">Facebook</a></li>
            </ul>
        </div>
    </div>

    <div class="main">
        <div class="container">
            <div ng-view></div>
        </div>
    </div>



</body>

<script src="js/app.js"></script>
<script src="js/controllers/AgendaController.js"></script>
<script src="js/controllers/ScheduleController.js"></script>
<script src="js/services/schedules.js"></script>

和app.js是：

var app= angular.module("AgendaApp", ['ngRoute']);

app.config(function($routeProvider) {
    $routeProvider
    .when('/', {
        controller: 'MainController',
        templateUrl: 'views/main.html'
    })
    .when('/about', {
        controller: 'AgendaController',
        templateUrl: 'views/about.html'
    })
    .when('/detail', {
        controller: 'ScheduleController',
        templateUrl: 'views/schedule.html'
    })
    .otherwise({
        redirectTo: '/'
    });
});

和控制器：

app.controller("AgendaController", ['$scope', 'schedules', function($scope, schedules) {
    schedules.success(function(data){
        $scope.schedules = data;
    });
}]);

我的控制器还没有做任何事情。

Answer 1

试试这个，

<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <div class="nav">
        <a href="#home" class="button">Home</a>
        <a href="#about" class="button">About</a>
        <a href="#detail" class="button">Detail</a>
      </div>
    </div>
  </div>
</div>

<div class="container">
  <div ng-view=""></div>
</div>

DEMO

AngularJS 观看次数未加载

AngularJS ng-view not loading

angularjs

ng-view