Question

我不明白为什么我无法让它发挥作用。

我会分享相关代码，如果您需要查看更多内容，请与我们联系。

的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";
});

（部分视图）liberals.html

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

PS：我没有在政治仇恨网站上支持或反对自由派！

Answer 1

从AngularJS 1.6开始，hashPrefix的默认值已更改为!。

有两种方法可以使您的路由与AngularJS 1.6 +配合使用：

将hashprefix（!）添加到href：

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

使用hashPrefix更改（删除）$locationProvider值：

$locationProvider.hashPrefix('');

我创建了一个工作的plunkr，其中我使用了第二种方法： https://plnkr.co/edit/oTB6OMNNe8kF5Drl75Wn?p=preview

可以找到有关此次重大更改的提交here

使用ng-view的角度路由不起作用

1 个答案: