为什么ngRoute现在无法工作并破坏所有其他Angular功能？

Question

I am trying to us ngRoute to inject HTML into my web page but it doesn't work.

I have the below in my main html document.

<main ng-view></main>

next i created a folder call views with two HTML files (news.html & sectors.html)

I have also included angular-route.min.js into my project correctly. All paths for all files are correct.

Next I set up my routes as below, but it renders a blank page and even breaks the rendering of any ng-includes I have implemented which previously worked. In addition, it also breaks all other Angular functionality like filtering. There are no errors in the console, it just seems that ngRoute wont work.

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

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

$routeProvider
    .when('/sectors', {
        templateUrl: 'views/sectors.html'
    })
    .when('/news', {
        templateUrl: 'views/news.html',
        controller: 'primaryController'
    }).otherwise({
        redirectTo: '/sectors'
    });

}]);

Any help welcome.

Answer 1

You can check templateUrl for the path to your html templates. Everything else seems correct.