AngularJSでのルーティングの問題

Question

私のルーティングが機能しない、「そうでない」ケースが機能しているのは分かりませんが、メニューの1つをクリックするとルーティングが自動的に相対ページをロードしません。 誰かが私のコードで何が間違っているのか理解してくれますか？

これは、ルーティングの部分にコード相対的なものである：

var myColors = angular.module('myFirstModule', ['ngRoute']); 
myColors.config(['$routeProvider', function($routeProvider) { 
    $routeProvider 
    .when('/home', { 
     templateUrl: 'home.html' 
    }) 
    .when('/directory', { 
     templateUrl: 'directory.html', 
     controller: 'myFirstModule' 
    }).otherwise({ 
     redirectTo: '/directory' 
    }); 
}]); 

は、ここでは、私がリンクを入れてHTMLのdivである：ここで

<ul> 
    <li><a href="#/home">Home </a></li> 
    <li><a href="#/directory">Directory</a></li> 
</ul>  

は私の完全なコード

の Plunkerです

Answer 1

あなたは間違ったコントローラ名を使用しています。@ mistalisはあなたのhrefに#!を含める必要があると言いました。 ！を削除したい場合は！あなたの設定で$locationProvider.hashPrefix('');を使用してください。 [URLのハッシュ強打のhttps://plnkr.co/edit/GAob2u4MdnzXXltTZMg2?p=preview

Answer 2

Since you are using AngularJS 1.6を追加するには、hrefルーティングである!を追加する必要があります。
例：href="#/home"はhref="#!/home"になります。

<ul> 
    <li><a href="#!/home">Home</a></li> 
    <li><a href="#!/directory">Directory</a></li> 
</ul>  

このプレフィックスを削除する場合は、this answerを参照してください。