问题标签 [angularjs-routing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
650 浏览

angularjs - AngularJs: Deep linking Default Index.Html is not opening

I am developing the angular app, when i hit the browser with the url: http://localhost/angular/MyAngularRewind/ , the index.html is not opening but actually it should have opened the index.html.

C:\wamp\www\Angular\MyAngularRewind ---> this is the path where i am having the index.html, see screenshot below

but page is opening when i hit with this url: http://localhost/angular/MyAngularRewind/index.html and it changes to http://localhost/angular/MyAngularRewind/index.html#/

ideally below thing should have happened: when i hit the url:http://localhost/angular/MyAngularRewind/ it should open the page with the url automatically changes to http://localhost/angular/MyAngularRewind/index.html/#/, but it is not happening i got no clue, why this happens.

see the screenshot for file structure. ss

Index.html

#xA;

Javascript:

#xA;

Thanks in advance for any help.

0 投票
1 回答
701 浏览

angularjs - angularjs:检查 url 位置变化

我在看$locationChangeSuccess活动。我需要一种干净的方法来检查 URL 是否已更改,或者是否仅参数已更改。我可以比较“下一个”和“当前”参数,但也许有一个函数已经这样做了?

0 投票
1 回答
11224 浏览

angularjs - ui-router 为什么父状态必须是抽象的

为什么父视图必须是抽象的才能渲染子视图(嵌套视图)?

父视图“A”托管在 home.html 中,如下所示:

如果任何父状态“A”或“B”被标记为 abstract=false,则不会呈现 ui-view 内容。

0 投票
1 回答
25636 浏览

angularjs - 路由匹配时如何在AngularJs中调用函数?

显示一个简单的列表,其中每个条目都是可选的。但是,在选择时不会加载额外的视图。每样东西都在ticket_lost template。该模板有一些隐藏字段,当单击条目时会显示这些字段。

我可以通过设置定义在内部选择哪个条目

所以当有像这样的路线时

我想调用一个将 selectedTicket 设置为 1 的函数。这可能吗?怎么做?我必须在路由中更改什么?

0 投票
1 回答
4982 浏览

javascript - AngularJS:服务查询返回零结果

我的app.js样子

而我的app/js/services/categories.js样子

我有一条路线

我的控制器app/js/controllers/transactionController.js看起来像

当我运行我的应用程序时,我看到 console.log 为

我在这里做错了什么?

0 投票
3 回答
7485 浏览

angularjs - AngularJS 显示来自 routeProvider 的对话框

是否可以[执行功能] 例如,当请求某个路线时,从 routeProvider 打开一个模式对话框窗口?

PS:我想取消一条路线,而是打开一个对话框。打开对话框并不是唯一的问题。取消路线是主要问题。

0 投票
1 回答
1592 浏览

angularjs - 使用 AngularJS 的具有“门户”或类似 MDI 功能的大型单页应用程序

我有一个关于如何使用 angularjs 和必要时使用 ui-router 来最好地编写一个非常大的单页应用程序的问题。

我的场景是这样的。

  • 我有多个组件,可以说是趋势模块、“业务”分析器、仪表板/工作区等等。
  • 从启动器侧边栏中,模块可以在单独的选项卡中打开一次或多次,就像在老式 MDI Windows 应用程序中一样。
  • 有些模块是完全独立的,有些可能使用/共享一个通用的过滤小部件,该小部件可能位于页面的某处。

总体思路是,这些组件中的每一个都可以在单独的选项卡中多次打开,因此用户可以在工作流程中轻松地在它们之间切换。另一件事是所有这些都应该支持 url 链接。打开 url 不会涉及重新打开所有“标签”,只是 url 链接到的那个。

到目前为止,当使用 angularjs 时,我有限的理解表明,实现这一点的最佳方法是将我的项目拆分为单独的业务模块,如大型应用程序所推荐的那样。每个业务模块都包含相关的模板、服务、指令等。

然后我可以使用 ng-include 来包含模板,然后为每个业务模块实例化控制器。我已经测试过可以多次实例化同一个控制器并将其自己的数据分开。每次创建特定控制器时还需要​​包含所需的模板。这将涵盖我们想要在单独的选项卡中多次实例化同一个模块的情况。

这并不能解决 url 链接的问题,尽管它让我想到了支持多个 ui-views 的 ui-router 替代方案,这也可能解决这个问题,但我对此还不够了解。我想使用 ui-router 可以包含一个 url 语法,其中包含每个视图的“实例”,但我不确定如何去做。使用手动引导的多个应用程序的想法似乎是不可能的,因为这减少了不同模块之间通信的可能性,而且一般意见似乎表明这是一个坏主意。

对于在这种情况下什么是好方法,我将不胜感激任何反馈和建设性意见。

0 投票
1 回答
7106 浏览

angularjs - 在 routeProvider 中找不到 AngularJS ng-template 指令

我正在尝试包含多个要包含在 中的部分模板ng-view,但routeProvider指令总是试图从服务器(而不是嵌入的ng-template)中获取文件。

我在我的 HTML 中定义了以下内容:

在我的app.js文件中,我有以下内容:

每当我加载页面时,我的浏览器控制台中都会出现错误:

我页面的 AngularJS 应用程序部分如下所示:

我错过了什么不允许 AngularJS 加载我的ng-template脚本指令?

0 投票
2 回答
564 浏览

http - Angular.JS 尝试使用 OPTIONS HTTP 方法加载视图失败

我一直在关注AngularJS Fundamentals In 60-ish Minutes教程

http://www.youtube.com/watch?v=i9MHigUZKEM

直到导师测试应用程序时,我有 52 分钟的时间我做得很好。此时在应用程序中,我们正在尝试加载视图。当我尝试加载我的应用程序时,我的窗口中什么也没看到。我打开 Chrome 开发工具 > 网络,看到 的状态View1.html,即应该加载的视图,是Load Cancelled. 我还注意到 Angular 试图通过该OPTIONS方法调用它。这是一个屏幕截图:

在此处输入图像描述

在我试图解决这个问题时,我遇到了这个 SO question

AngularJS 对跨域资源执行 OPTIONS HTTP 请求

与我的问题的相似之处在于 Angular 使用 OPTIONS 来检索数据。不同之处在于,在这种情况下,Angular 正在检索跨域资源。所以这是有道理的,但对我来说不是。我想做的只是加载一个位于我系统上的视图。AngularApp这是位于我的 Ubuntu 12.10 桌面上的文件夹的目录结构:

我用来查看我的应用程序的 URL 是

file:///home/max/Desktop/AngularApp/app.html

我究竟做错了什么?

这是app.html代码:

这是 View1.html

0 投票
1 回答
1933 浏览

angularjs - 在angularjs中初始化应用程序时重定向

在应用程序初始化时的第一页加载时,我想将用户重定向到登录页面。我认为代码的相关部分是这个

它基于https://github.com/fnakstad/angular-client-side-auth/blob/master/app/js/app.js问题是在页面加载时触发警报但位置没有改变。我必须单击我的应用程序的导航项,然后将调用登录操作并更改路线。

这将起作用,但似乎是多余的。为什么会触发警报而不是位置更改?

为什么整个页面加载时位置没有变化?如何解决这个问题?

完整代码http://jsfiddle.net/qfSC3/但小提琴不起作用。