问题标签 [angular-ui-router]

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 投票
0 回答
218 浏览

angularjs - angularjs控制器定义

我有一个用 angularjs 编写的 hello-world 应用程序,使用 requirejs 来加载模块。我在 $stateProvider(通过 ui-router)中设置的控制器功能是未定义的。我已经在Plunker上上传了这个项目

我是否必须用某事更新范围?喜欢

0 投票
2 回答
6842 浏览

scroll - 如何滚动到加载的 ui-view

我的页面中有一个 ui 视图。单击某个按钮时,会加载 ui-view 并将其替换为某些 HTML。我希望页面向下滚动到页面的刚刚加载的部分。

这可能吗?提前致谢

0 投票
1 回答
986 浏览

angularjs - angular-ui-router 动态菜单:TypeError:渲染菜单时无法调用未定义的方法“匹配”

我是 angular 和 angular-ui-router 的新手,并试图创建一个菜单。我尝试了 angular-ui-router 并认为它适合我的需求。现在我在使用 ui-router 属性创建菜单时遇到问题。

我的 html 代码如下所示:

如果用户登录,菜单数组包含不同的条目,具体取决于信息。

现在我收到此错误消息:

看起来 ui-router 在使用 ng-repeat 完成渲染之前尝试访问列表条目。

我能做些什么来防止这个问题?

0 投票
1 回答
7492 浏览

angularjs - ui-router 不呈现视图

我最近拆分了一个我拥有的 Rails 应用程序,并使用 yeoman 将前端创建为一个单独的应用程序。由于某种原因,我的视图不再呈现,例如我的应用程序定义:

在我的 index.html 文件中,我有:

当我单击链接时,resolve 属性会解析,并且我在控制台中看到“test”。我尝试在应用程序控制器上附加 $routeChangeStart/success 手表,但这里都没有启动/成功触发。

0 投票
5 回答
8938 浏览

angularjs - 如何从 $stateChangeStart 访问 UI-Router 根状态的“解析”属性?

我正在尝试在我的应用程序中实现用户身份验证检查和访问检查系统,但是我一直遇到障碍。我想这次我的方法是正确的,但我还有最后一个障碍。

一点背景知识:我尝试将所有代码放入 $rootScope.on($startChangeStart) 并且它有效,可怕......但它有效。该路由始终被重定向,但由于后端的身份验证检查,它以每秒 1/2 的速度显示第一个请求页面,然后每次都显示重定向页面。因此,我尝试通过在 $startChangeStart 函数的开头调用 evt.preventDefault() 来“暂停”页面加载,该函数有效,但随后试图将用户放回原始路由会导致路由器中的无限循环。

因此,经过更多研究和阅读大量堆栈帖子后,我确定“解决:”是放置身份验证检查以确保页面在发生时不加载的正确位置,然后在需要时从 $ 重定向用户开始改变开始。(在我尝试将 $state 和 event 注入 resolve 函数时,它们总是未定义)这似乎是成功的组合。

我的问题:我已经解决了我的应用程序中的根状态:'main'

这是为了避免代码冗余,但是我无法确定如何从 $stateChangeStart 函数访问根状态的属性以及解析结果。toState 是子状态,而 fromState 是前一个状态或带有 '^' 路由的抽象状态...

我是否必须对每个子状态都下定决心才能使它起作用,或者有没有办法从此时访问根状态?

基本应用设置:

这是 console.dir() 调用两个状态对象的输出:

更新

糟糕,忘了说 AngularJS 版本是 v1.2.0-rc.2

$state.current 控制台.dir()

0 投票
5 回答
18974 浏览

angularjs - ui-router:没有视图模板的路由

是否可以设置ui-router只有控制器的路线?目的是在某个 URL 上,我唯一想做的就是以编程方式采取行动,而不是在视图方面显示任何内容。我已经阅读了文档,但我不确定他们是否提供了一种方法来做到这一点。

是的,我读过这个:https ://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-open-a-dialogmodal-at-a-certain-state ,但是这不是我要找的。

例如,假设我有一个带视图的基本主体:

还有一些基本配置:

/go/myaction被访问时,视图是空白的。是否有可能做到这一点?

0 投票
2 回答
3821 浏览

unit-testing - ui-router 的单元测试:在 $state.transitionTo() 之后无法获取 $state.current 以包含当前状态

我正在尝试为 ui-router 的状态编写单元测试,但无法让它工作,以便$state.current在我调用$state.transitionTo()内部测试后在控制器内部包含正确的状态。

这适用于浏览器(transitionToui-router内部调用),但不适用于单元测试(使用 Karma) - 我明确调用它。

这是控制器的代码:

这是测试代码(Jasmine)about.spec.js

这会产生结果:

这表明状态正在初始化正常,但由于某种原因它没有改变,保持在大致初始化的状态。再说一遍:在真实的应用程序环境中调用此代码时,会显示正确填充的$state.current内容,其中包含所有数据等。

我看过ui-router's 的测试,看起来他们做的事情完全一样(那里$q.flush()是装饰的$rootScope.$digest()),所以我想这应该可行。

有什么提示吗?(到目前为止,我对一切都有角度的东西有点菜鸟:)

0 投票
1 回答
3184 浏览

javascript - Having trouble with AngularJS routeparams (stateparams)

i am having trouble with the following route for the albums. below is my controller and the routes file, i am using the angular ui module. i am trying to load the photos on the album on the /photos/:albumId route.

0 投票
1 回答
256 浏览

angularjs - 未渲​​染的嵌套视图

非常基本的示例,但不起作用。我做错了什么?

单击链接时 - 应用程序变为“users.item”状态,但不会呈现views.content

0 投票
1 回答
2591 浏览

angularjs - 角状态参数

我想在链接中放置一些参数。因此我使用这个链接:

在不引用 stateParams 的情况下,它可以工作:

使用 stateParams 它不会:

使用这个我去默认

LogCat 说: