猿问

angularjs 1.6.0(最新一次)线路不工作

angularjs 1.6.0(最新一次)线路不工作

我本想在Stackoverlow上看到这个问题，但没有。显然，我是唯一一个有这个问题的人，在我看来，这个问题很常见。

我有一个基本的项目，我正在工作，但路线似乎不工作，即使我做的一切似乎是正确的。

我在我的index.html档案：

<html><head ng-app="myApp"> 
    <title>New project</title>
    <script src="https://code.angularjs.org/1.6.0/angular.min.js"></script>
    <script src="https://code.angularjs.org/1.6.0/angular-route.min.js"></script>

    <script src="app.js"></script></head><body>
    <a href="#/add-quote">Add Quote</a>
    <div ng-view ></div></body></html>

这是我的app.js:

var app = angular.module('myApp', ['ngRoute']);app.config(['$routeProvider', function ($routeProvider) {
    $routeProvider        .when('/add-quote', {
            templateUrl: 'views/add_quote.html',
            controller: 'QuoteCtrl'
        })
        .otherwise({ redirectTo: '/' });}]);

现在，当我访问页面时，下面是我在网址中得到的内容：

http://localhost:8000/admin#！/

当我单击Add quote巴顿，我明白了：

http://localhost:8000/admin#！/#%2Fadd-quote

这里有什么问题？谢谢你的帮助


holdtom
浏览 551回答 3
3回答

收到一只叮咚

简单地包括!进入href:<body> &nbsp;&nbsp;&nbsp;&nbsp;<a&nbsp;href="#!/add-quote">Add&nbsp;Quote</a> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;ng-view&nbsp;></div></body>
0

慕慕森

我无法使路由在1.6.4中工作，所以我决定使用角1.5.11，路由工作正常，尽管我需要在(.)中定义所有的路由。带有尾随“/”的函数如果坚持一个老版本的角度是一个选择，然后考虑它，因为它可以拯救你的神经.var&nbsp;app&nbsp;=&nbsp;angular.module("myApp",&nbsp;["ngRoute"]);app.config(function($routeProvider)&nbsp;{$routeProvider.when("/layoutandviewbox",&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;templateUrl&nbsp;:&nbsp;"views/layout-and-viewbox.html"}).when("/basicshapes",&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;templateUrl&nbsp;:&nbsp;"views/basic-shapes.html"}).when("/advancedshapes",&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;templateUrl&nbsp;:&nbsp;"views/advanced-shapes.html"}).when("/groups",&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;templateUrl&nbsp;:&nbsp;"views/groups.html"}).when("/transformations",&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;templateUrl&nbsp;:&nbsp;"views/transformations.html"}).when("/effects",&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;templateUrl&nbsp;:&nbsp;"views/effects.html"}).when("/",&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;templateUrl&nbsp;:&nbsp;"views/basic-shapes.html"});});
0
随时随地看视频慕课网APP

相关分类

AngularJS
我要回答