首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无法在angularJS中定向到html页

无法在angularJS中定向到html页
EN

Stack Overflow用户
提问于 2016-12-22 15:13:52
回答 3查看 61关注 0票数 0

在我的angular应用程序中,我想在点击buton之后移动到另一个html页面,但它不能移动到我期望的html页面,我在路由中配置如下:

代码语言:javascript
运行
复制
angular.module("abc", ["ngRoute"])
        .config(function ($routeProvider) {   
            $routeProvider.when("/checkout", {
                templateUrl: "/checkoutPage.html"
            });           
        });

在页面html中:

代码语言:javascript
运行
复制
<a href="#/checkout" class="btn btn-default navbar-btn">Checkout</a>

点击结帐按钮后,链接地址显示如下:http://localhost:12312/Index.html#!#%2Fcheckout

谢谢你的帮助。

EN

回答 3

Stack Overflow用户

发布于 2016-12-22 15:17:02

将您的href url从<a href="#/checkout">更改为<a href="#!/checkout">希望这将解决您的问题。

有关更多详细信息,请查看here

票数 1
EN

Stack Overflow用户

发布于 2016-12-22 15:24:14

不要在href中使用散列。

代码语言:javascript
运行
复制
<a href="checkout">checkout</a>

除此之外,在routeconfiig中包含otherwise更好。

代码语言:javascript
运行
复制
angular.module("abc", ["ngRoute"])
        .config(function ($routeProvider) {   
            $routeProvider.when("/checkout", {
                templateUrl: "/checkoutPage.html",
                controller: "..."
            })
            .otherwise("/");
            $locationProvider.html5Mode(true);           
        });
票数 0
EN

Stack Overflow用户

发布于 2016-12-22 15:46:43

它读取的是状态,而不是href标签,所以不需要使用hash标签。

代码语言:javascript
运行
复制
<a href="/checkout" class="btn btn-default navbar-btn">Checkout</a>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41277621

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档