Dynamicznego routingu w AngularJs - javascript, angularjs

Wciąż jestem nowy z AngularJs, adres URL się zmienia, ale strona jest zawsze taka sama. Czekam z niecierpliwością na twoją pomoc.

Config:

var app = angular.module("MyApp", ["ngResource","ngRoute"]);

app.config(["$routeProvider",
function($routeProvider) {

$routeProvider
.when("/",{
templateUrl: "../pages/.index1.html"

})
.when("/profile",{
templateUrl: "./profile.html"

}).when("/messages",{
templateUrl: "file.html"
});
}]);

a oto mój plik index1.html, w którym wzywam app.js

<script src="../angular/angular.js"></script>
<script src="../angular/angular-route.js"></script>
<script src="../angular/angular-resource.js"></script>
<script src="../js/app.js"></script>
<ul>
<li class="">
<a ng-href="#/"><i class="fa fa-group"></i> Users</a>
</li>
<li class="">
<a  ng-href="#/profile"><i class="icon-user-1"></i> Profile</a>
</li>
<li class="">
<a ng-href="#/messages"><i class="icon-comment-fill-1"></i> Messages</a>
</li>
</ul>

Odpowiedzi:

Zgaduję, że cały twój HTML nie jest włączonypowyżej, ale w swoim pełnym pliku HTML musisz zdefiniować lokalizację, w której będą wprowadzane widoki twoich tras. Być może tęsknisz za tym? Istnieje specjalna dyrektywa o nazwie ng-view. Używasz go po prostu jako:

 <div ng-view></div>

Ten element div stanie się miejscem wyświetlania Twoich widoków podczas nawigacji po aplikacji.

W kątowych dokumentach znajduje się pełny przykład https://docs.angularjs.org/api/ngRoute/service/$route#example