Question

我正在编写angularJS应用程序，该应用程序将对来自url的数据求和，并且除html <a>标记之外的所有内容都正常运行

首先看一下代码：

下面是index.html

<body ng-app="app">

<div class="row">
    <div class="col-sm-3" style="min-height: 100%">
        <ul>
            <li><a href="#/sumurl/10/20">sumurl</a></li>
        </ul>
    </div>

    <div class="col-sm-9" style="min-height: 100%">
        <div ng-view></div>
    </div>
</div>

</body>

下面是我的myscript.js

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


app.config(['$routeProvider', function($routeProvider) {
    $routeProvider
    .when('/sumurl/:a/:b', {
        templateUrl: 'sumurl.html',
        controller: 'sumurl'
    })
    .when('/', {
        template: '<strong>Welcome to my app</strong><br> <i>Click on one of the link from left side</i>'
    })
    .otherwise({
        template: '<strong>No Content Available here</strong>'
    })
}]);


app.controller('sumurl', ['$scope', '$routeParams', function($scope, $routeParams) {
    $scope.a = $routeParams.a;
    $scope.b = $routeParams.b;
}]);

这是我的sumurl.html

<div>
    a = {{a}} <br>
    b = {{b}} <br>
    result = {{(a-0)+(b-0)}}
</div>

需要指出的是，一切都很好。

喜欢

当我在浏览器中点击此网址时：

file:///home/pyking/Desktop/ng/test/index.html#!/sumurl/10/20

它返回我30，它来自url，这很好用！

但是当我单击index.html页中的链接以重定向到file:///home/pyking/Desktop/ng/test/index.html#!/sumurl/10/20时，它没有在网址栏中显示该网址，

它重定向到以下URL：file:///home/pyking/Desktop/ng/test/index.html#!/#%2Fsumurl%2F10%2F20和此 is very awkward coz，但未在index.html中定义。

这是标签：<li><a href="#/sumurl/10/20">sumurl</a></li>上的index.html或看一下即可看到。

您能解决我为什么获得此网址index.html#!/#%2Fsumurl%2F10%2F20而不是index.html#!/sumurl/10/20吗？

如果您有任何疑问，请告诉我，我想您已得到我想要的东西

重定向到新路由的AngularJS问题

0 个答案: