Angular中的单页应用程序

Hitu禁令

我正在尝试在angular.js中实现单页应用程序

我找到了一个演示

http://scotch.io/demos/angular-single-page-routing

很好

但我注意到http://scotch.io/demos/angular-single-page-routing#/contact

每个网址中都有#个标记

我们能做到像http://scotch.io/demos/angular-single-page-routing/a/contact

在这里可能扮演#的角色

有任何想法吗 ?

谢谢

出生代码

正如New Dev通过Docs链接指出的那样,有两种方法可以在Angular中为单页应用程序进行路由。

一种方式涉及哈希爆炸,它在浏览器中更易于移植,还允许您为条目添加书签。另一种方法是使用HTML5模式,它将直接操作历史对象。它需要Angular在页面上处于活动状态,因此您不能将其添加为书签。这就是您要的方法。

要实现它,您需要$ locationProvider.html5Mode(true);。

这是直接从Angular在New Dev在他的评论中链接的文档(https://docs.angularjs.org/guide/$location#hashbang-and-html5-modes)中提出的。

function($locationProvider) {
    $locationProvider.html5Mode(true);
    $locationProvider.hashPrefix('!');
  },

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular中的单页应用程序

来自分类Dev

单页应用程序中的RedirectToAction

来自分类Dev

单页应用程序中的引导程序

来自分类Dev

将单页Angular应用程序模板集成到Sails.js中

来自分类Dev

在nodejs / ExpressJs和Angular中基于令牌的授权(单页应用程序)

来自分类Dev

具有 angular (2/4) 的单页应用程序中的命名路由器

来自分类Dev

在单页应用程序中实现Paypal

来自分类Dev

如何在单页应用程序中处理分页?

来自分类Dev

AWS CloudFront中的单页应用程序

来自分类Dev

单页应用程序中的后退按钮处理?

来自分类Dev

如何在单页应用程序中处理分页?

来自分类Dev

单页角度应用程序中的身体填充

来自分类Dev

在单页应用程序中刷新页面

来自分类Dev

什么是单页应用程序(SPA)?

来自分类Dev

从单页应用程序开始

来自分类Dev

使用Django的单页应用程序

来自分类Dev

单页Web应用程序问题

来自分类Dev

jQuery单页移动应用程序

来自分类Dev

单页应用程序angularJS

来自分类Dev

单页应用程序架构

来自分类Dev

跳转到单页应用程序中的另一页

来自分类Dev

关于单页或多页应用程序的内存问题

来自分类Dev

在单页应用程序中的div(卡片)内部应用排序方法-Vanilla Javascript

来自分类Dev

PhoneGap应用程序是像Angular Js一样的单页应用程序模型吗?

来自分类Dev

将JQuery猫头鹰轮播与Angular单页应用程序结合

来自分类Dev

页面未在单页应用程序 Angular JS 中加载

来自分类Dev

在单页Angular应用中更改视图

来自分类Dev

如何在单页应用程序中的Google Analytics(分析)中触发页面查看事件?

来自分类Dev

如何在单页 Web 应用程序中处理 node.js 中的“发布”请求

Related 相关文章

热门标签

归档