ngRouteが期待通りに動作しない

私は角度のあるルートについて学習しようとしていますが、表示するのに適切なテキストを取得するのに問題があります。しかし、私は私のページを実行するとすべてがエラーなしで動作しているようだが、私はリンクをクリックすると、ビューはmain.htmlからsecond.htmlに変更されていない。ngRouteが期待通りに動作しない

<h1>This is main</h1>

二HTMLコンテンツ：

<h1>This is second</h1>

app.jsここ

は、私のコードのいくつかの切れ端...

<html ng-app="myApp"> 

    <!-- load angular via CDN --> 
    <script src="https://code.angularjs.org/1.6.1/angular.min.js"></script> 
    <script src="https://code.angularjs.org/1.6.1/angular-route.min.js"></script> 
    <script src="app.js"></script> 
</head> 
<body> 

    <header> 
     <nav class="navbar navbar-default"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <a class="navbar-brand" >AngularJS</a> 
      </div> 

      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="#"><i class="fa fa-home"></i> Home</a></li> 
     <li><a href="#/second"><i></i>Second</a></li> 

      </ul> 
     </div> 
     </nav> 
    </header> 

    <div class="container"> 

     <div ng-view></div> 

    </div> 

</body>

メインHTMLコンテンツです

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

myApp.config(function($routeProvider) { 
    $routeProvider 

    .when("/", { 
    templateUrl: "pages/main.html", 
    controller: "mainController" 
    }) 

    .when("/second", { 
    templateUrl: "pages/second.html", 
    controller: "secondController" 
    }) 

}); 

myApp.controller('mainController', ["$scope", "$log", "$location",  function($scope, $log, $location) { 

}]); 

myApp.controller('secondController', ["$scope", "$log", "$location",  function($scope, $log, $location) { 

}]);

出典

2017-01-17 mattdavida

これを読んでください。[http://stackoverflow.com/help/how-to-ask](http://stackoverflow.com/help/how-to-ask）そして、あなたは[ツアー]（http://stackoverflow.com/tour）of stackoverflow –

ありがとう！します – mattdavida

トライUI-ルータの代わりngRoute

私はプロジェクトとその作業は非常に良い

ドキュメントの多くにそれを使用しています：あなたのインデックスの最初のラインでhttps://github.com/angular-ui/ui-router

出典

2017-01-17 15:52:24 devadrion

。 htmlの場合、<html>タグを開いていますが、</head>で閉じています。さらに、ng-app="myApp"をオープニング<body>タグに配置することをおすすめします。

<head> 
    <!-- everything you need --> 
</head> 
<body ng-app="myApp"> 
    <!-- and stuff --> 
</body>

これらのエラーを修正してもこれが変更されない場合、私は実際に何が問題なのか分かりません。

出典

2017-01-17 16:18:55

ngRouteが期待通りに動作しない

答えて

関連する問題