$locationProvider 在我的 Angular 页面中不起作用

2023-12-21

在我的角度页面中我使用的是$locationProvider。但它在我的网页上不起作用。我的控制台出现这样的错误,HTML5 模式下的 $location 需要存在标签!。所以我添加一个<base href="/" />,这在我的角度页面中也不起作用。在这里我提到了我的目录结构和我的代码。

Here my 示例项目链接 https://www.dropbox.com/s/dk0bwuanc86xp7t/SampleApp.zip?dl=0到。帮我解决这个问题。

我的目录结构

 iwa (root directory)
  > js
      > lib
         -> angular.js
         -> angular.route.js
      -> app.js
  > views
      -> home.html
      -> about.html
 -> index.html

索引.html

 <!DOCTYPE html>
 <html ng-app="inQueueWeb">
 <head lang="en">
     <meta charset="UTF-8">
     <script src="js/lib/angular.js"></script>
     <script src="js/lib/angular-route.js"></script>
  </head>
 <body>
     <div ng-view></div>
 </body>
     <script src="js/app.js"></script>
 </html>

app.js

  var iwa = angular.module('inQueueWeb', ['ngRoute']);

   iwa.config(['$routeProvider','$locationProvider', function($routeProvider,$locationProvider) {
$routeProvider
   .when("/", {templateUrl: 'views/home.html'})
   .when("/rest", {templateUrl: 'views/about.html'});
$locationProvider.html5Mode(true);
}]);

我也尝试过这些

$locationProvider.html5Mode({enable: true, requireBase: false});

$locationProvider.html5Mode(true).hashPrefix('!');

你走在正确的轨道上。你必须添加$locationProvider.html5Mode(true)到您的应用程序的.config()方法,然后添加一个<base href="/">到你的 HTML 头。我想你已经做到了。

出了什么问题是这样的:$locationProvider.html5Mode(true),一个哈希爆炸(/#mypage) URL 不是必需的。一个 URL 就很简单了/mypage,没有哈希值。您需要更新您的链接views/templates/header.html以适应这一点。

我已经更新了:

  • Your app.js to add $locationProvider.html5Mode(true).
  • Your index.html to add <base href="/">, and
  • Your views/templates/header.html调整锚链接。

我希望这可以帮到你!你可以在此处下载包含调整后的文件的存档 http://ge.tt/98cFmHL2/v/0?c.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

$locationProvider 在我的 Angular 页面中不起作用 的相关文章

  • 未捕获的类型错误:无法读取未定义的属性“toLowerCase”

    我收到此错误 它源自 jquery 框架 当我尝试加载准备好的文档上的选择列表时 出现此错误 我似乎无法找到为什么会出现此错误 它适用于更改事件 但在尝试手动执行该函数时出现错误 未捕获的类型错误 无法读取未定义的属性 toLowerCas
  • 如何在 Javascript 中动态创建一个适用于所有浏览器的单选按钮?

    使用例如动态创建单选按钮 var radioInput document createElement input radioInput setAttribute type radio radioInput setAttribute name
  • React 不响应按键事件

    我正在尝试实现一些非常基本的按键检测 但我根本无法让它工作 我有一个裸露的组件 应该在onKeyDown事件 但控制台中没有任何内容被注销 class App extends React Component constructor prop
  • 在 Javascript 中动态添加事件处理程序

    我在使用 Javascript 时遇到了一个奇怪的问题 我得到的是一个特定格式的字符串 我将尝试用它创建一个表 该表每行只有一个单元格 字符串的格式为 每个单元格 行 需要显示内容 将传递给的参数onmouseover当用户将鼠标移动到显示
  • JSON对象的长度[重复]

    这个问题在这里已经有答案了 该函数生成一个包含 json 对象的数组 var estoque function unpack estoque tnm total estoque vl id tid st tnm tnm split tota
  • 将上部字符转换为下部字符,将下部字符转换为上部字符(反之亦然)[重复]

    这个问题在这里已经有答案了 我需要将某些字符串中的所有较低字符转换为较高字符 并将所有较高字符转换为较低字符 例如 var testString heLLoWorld 应该 HEllOwORLD 转换后 在不保存临时字符串的情况下实现此目的
  • 如何创建自定义元素扩展类的新实例

    我正在尝试以下示例谷歌开发者网站 https developers google com web fundamentals getting started primers customelements extendhtml我收到错误 Typ
  • express 或express-generator:我需要两者吗?

    只是探索 Node js 并遇到了 Express 在 npm 存储库站点上https www npmjs com package express https www npmjs com package express它明确指出安装是 np
  • Angular 2 runOutsideAngular 仍然改变 UI

    从我的理解来看runOutsideAngular https angular io docs ts latest api core index NgZone class html runOutsideAngular anchor 如果我需要
  • Sequelize.js - “不关联到”

    我在从数据库获取完整数据时遇到一些问题 那是我的模型 User module exports function sequelize DataTypes return sequelize define user id type DataTyp
  • 监听浏览器宽度以进行响应式网页设计?

    我正在努力使我的网站适合移动设备 我想知道浏览器窗口的大小 以便当它比 728px 窄时我可以执行某些操作 而当它大于 728px 时我可以执行其他操作 这必须考虑到调整 PC 上的窗口大小以及在手机中从纵向模式更改为横向模式 如何才能做到
  • 通过多个回调优雅地传递“点击事件”

    当未登录的用户单击给定的按钮时 我想停止该事件 收集他的 oauth 收集他的电子邮件 如果我没有 然后执行该事件 我想用 javascript 来做所有事情 因为这会让事情变得更加简单 这就是我执行它的方式 我有两个问题 有没有更优雅的方
  • 如何查看网站浏览者的操作系统?

    我运行的是 Ubuntu 8 04 最近在访问网站时收到以下错误 请使用运行 Windows 98 2000 Me NT 或 XP 的计算机返回 www site com 网站如何知道我正在运行哪个操作系统 是仅通过 javascript
  • 限制 jQuery id 字符串吗?

    简而言之 我的问题是字符串在 jQuery 中作为可搜索 id 或可搜索内容有什么限制 更新 我得到了 ID 部分 但不是为什么我什至无法使用该字符串搜索 html 内容 对于任何愿意告诉我一个正则表达式来将模式从 MM dd yy HH
  • 为什么从浏览器上传到 S3 时出现 403 错误?

    因此 我尝试查看此处之前的答案 但似乎没有任何效果 我正在使用 Dropzone 它似乎发出 OPTIONS 请求来获取所有允许的 CORS 相关信息 但它似乎没有正确返回 因此 通过查看 Chrome 开发工具 我有以下请求标头 Host
  • 一个接一个地淡入div

    大家好 我很擅长 HTML 和 CSS 但才刚刚开始接触 jQuery 的皮毛 我希望让 3 个 div 在页面加载时逐渐淡入 到目前为止我有这个 我听说使用 css 将显示设置为 none 对于任何使用非 JavaScript 浏览器的人
  • 在角度控制器中监听文档事件

    如何捕获角度控制器中的事件 我有文档级事件 所以我需要在角度控制器中捕获事件 这可能吗 Update 我有独立的 js 文件来处理来自相机的一些操作 document addEventListener myCameraEvent handl
  • Jquery 两个字段的时间差(以小时为单位)

    我的表单中有两个字段 用户可以在其中选择输入时间 start time end time 我想在更改这些字段时重新计算另一个字段的值 我想做的是获取两次之间的小时数 例如 如果我的开始时间为 5 30 结束时间为 7 50 我想将结果 2
  • 如何使用引用该键的变量来获取对象键中的值?

    我有一个对象 我可以引用密钥a如下 var obj a A b B c C console log obj a return string A 我想通过使用变量引用对象键来获取值 如下所示 var name a console log ob
  • WooCommerce 使用 AJAX 设置购物车数量?

    我已经为此绞尽脑汁好几天了 需要一些指导 我正在为 WooCommerce 网站完全从头开始制作自定义主题 现在我正在尝试让购物车功能正常工作 我一直试图使用按钮 来更新购物车中产品的数量 对我来说问题似乎是WC 我在functions p

随机推荐

  • 如何使用 pandas.date_range() 获取指定开始日期和结束日期之间具有 n 个指定周期(相等)的时间序列

    我想获取开始日期和结束日期之间的 n 个日期的列表或系列 包括这些界限 但是 dateIndex pd date range start dt datetime today date end pd to datetime expiry da
  • 使用 python 请求在 google 上进行简单查询时出现错误 429

    我正在尝试通过 Google 上的简单查询获得第一个非广告结果 res requests get https www google com q query 为查询分配任何值 您都会收到错误 我尝试添加一些标题 但没有任何变化 我尝试添加谷歌
  • 如何根据 Cargo 功能选择性地传递 rustc 标志?

    我正在编写的程序运行速度要快得多 C target cpu native标志被传递到rustc 我想为用户提供一种简单的 与平台无关的方式来在编译时启用此功能 因此我添加了 Cargo 功能cpu native 在 Cargo toml 中
  • 仅当数据加载到闪亮的应用程序中时才显示框

    我制作了一个闪亮的应用程序 我想在其中上传并在旁边显示它 由于我的数据很大 所以我将其设置为可滚动并将其放入一个盒子中 现在我想仅在加载数据时显示该框 我尝试了条件面板 但没有成功 这是代码 ui R library shiny libra
  • 带有反向引用的重复析取是如何工作的?

    给定一个正则表达式 例如 a b 2 1 什么会 1参考 第一次捕获 最后一次捕获还是什么 Regex IsMatch aba a b 2 1 False Regex IsMatch abb a b 2 1 True 让我怀疑它符合last
  • java程序中的文件描述符泄漏:打开的文件太多

    我有一个程序 其文件描述符不断增加 我看到当我执行命令 ls l proc 5969 fd 时 其中 5969 是 java 程序的 pid 文件描述符的数量不断增加 但我无法打开这些文件描述符之一来查看哪些文件保持打开状态 这是列表的示例
  • dart 如何获取带索引的枚举?

    我定义了一个枚举 enum TestEnum test1 test2 我想用索引创建一个枚举 E buildEnum
  • Jax-ws java.net.ConnectException:连接被拒绝

    我在使用 JAX WS Metro 从 Tomcat 上运行的 Java 客户端连接到 glassfish 上运行的 Web 服务时遇到奇怪的网络问题 这是场景 两台服务器都在我的本地计算机上运行 如果我将客户端配置为使用 127 0 0
  • Android - 检索存储在 Cloud Firestore 文档中的自定义对象

    我使用 Cloud Firestore 的方式如下 事件 集合包含使用唯一事件 ID 作为名称的文档 这些文档中有许多 EventComment 对象 每个对象代表用户所做的评论 要将 EventComment 对象添加到文档中 我使用以下
  • Fabricjs - 仅通过边框选择

    我在用着Fabric js https github com fabricjs fabric js在画布上绘制一些矩形 默认行为是在矩形内部单击将其选中 如何更改行为 以便仅在单击矩形边框时才选择它 单击矩形内部但不在边框上单击不会执行任何
  • Charles 中的自定义 CA 证书,无需密码

    我正在使用优秀的Charles http www charlesproxy com 代理使 Web 调试更容易 我正在使用它的 SSL 代理功能 并安装了通用CA证书 http www charlesproxy com documentat
  • CURL 忽略主机/apache 配置

    这是一个奇怪的问题 我的本地计算机上配置了 apache 中的虚拟主机 以便接受类似的请求http dev myproject com http dev myproject com 我的主机文件包含相应的条目 例如 127 0 0 1 de
  • 在eclipse中导入一个javascript项目

    我想知道是否可以将我的 javascript 库分离到不同的 eclipse 项目中 然后将它们导入到另一个动态 Web 项目中 就像我通常对常规 java 子项目所做的那样 这个答案 在 Eclipse 中将 JavaScript 项目与
  • 运行“粘贴”时出现 VBA 运行时错误 438

    我刚刚熟悉 VBA 和我的代码 For k 3 To ThisWorkbook Sheets Count ThisWorkbook Sheets k Activate ActiveSheet Cells 11 2 Select lLastR
  • 查找常见编辑的算法

    我有两个单词列表 例如 list 1 list 2 foot fuut barj kijo foio fuau fuim fuami kwim kwami lnun lnun kizm kazm 我想找到 o u 1 and 3 i a 3
  • 不同项目中多个类的基类

    这更多的是一个设计问题 目前 我有多个类 在不同的项目中 它们具有不同的角色 但有一种通用方法可以执行相同的职责 我正在考虑为所有这些类建立一个基类 以便每个类都可以继承这个类并实现这个方法以节省重复 我的问题是 我应该为多个项目中的所有类
  • 一名读者。一位作家。关于互斥体和原子内置函数的一些常见问题

    我有一个父线程和一个共享 bool 标志和 std vector 的工作线程 父级仅读取 即读取 bool 或调用 my vector empty 工人只写 我的问题 我需要互斥保护布尔标志吗 我可以说所有 bool 读 写本质上都是原子操
  • 代码是启发式无法访问的

    与 检测到无法访问的代码 相比 这意味着什么 启发式无法访问意味着代码可能无法访问 无法访问的代码肯定是无法访问的
  • 在VUE js中获取数组中数据的索引

    我想在调用特定方法时更改任务的状态 但问题是我无法获取数组特定项目的索引来更改其状态 这是我的 HTML div class main ul li task description li ul div
  • $locationProvider 在我的 Angular 页面中不起作用

    在我的角度页面中我使用的是 locationProvider 但它在我的网页上不起作用 我的控制台出现这样的错误 HTML5 模式下的 location 需要存在标签 所以我添加一个 这在我的角度页面中也不起作用 在这里我提到了我的目录结构