Angular Routing mit ng-View funktioniert nicht

Question

Ich verstehe nicht, warum ich das nicht zum Funktionieren bringen kann.

Ich werde den relevanten Code teilen, lassen Sie mich wissen, wenn Sie mehr Zeug sehen müssen.

Index.HTML

<div class="col-md-3"><a href="#/liberals">Liberals</a></div> 

app.js

var app = angular.module('myApp', ['ngRoute']); 
app.config(function ($routeProvider) { 
    $routeProvider. 
    when("/liberals", { 
     templateUrl: "partials/liberals.html" 
     , controller: "LiberalsController" 
    }); 
}); 

app.controller('LiberalsController', function ($scope, $http) { 
    var url = "workingURL"; /// changed function to a simple string message to test 
    $scope.message = "Hello Liberals"; 
}); 

(Teilansicht) liberals.html

<h1>Hello</h1> 
    {{message}} 

PS: Ich bin nicht auf einer politischen Hass-Website für oder gegen Liberale arbeiten!

Answer 1

Ab AngularJS 1.6 wurde der Standardwert hashPrefix in ! geändert.

ist Es gibt zwei Möglichkeiten Routing zu bekommen mit AngularJS zu arbeiten 1.6+:

• Fügen Sie den hashprefix (!) auf Ihrer href ‚s:

<a href="#!/liberals">Liberals</a>

• ändern (Entfernen) den hashPrefix Wert unter Verwendung $locationProvider:

$locationProvider.hashPrefix('');

Ich habe eine Arbeits erstellt plunkr verwendet, in dem ich den zweiten Ansatz: https://plnkr.co/edit/oTB6OMNNe8kF5Drl75Wn?p=preview

Die begehen bezüglich dieser Bruch Änderung here