问题标签 [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.
javascript - 子状态控制器从不执行
我试图把头绕在ui-router上,并尝试实现以下逻辑:
- 如果没有状态,请转到状态/项目
- 处理时
/items
,从服务器检索“项目”列表 - 当收到“item”时进入 state
/items/:item
,其中“item”是项目列表中的第一个,由服务器返回 - 在状态
/items/:item
渲染一个项目列表,相应的“项目”被“突出显示”(突出显示部分不包含在我的代码中)
但是,子状态的“控制器”功能并未执行。我敢打赌,这真的很明显。
这是 js(我在 plunkr 上也有它以及随附的模板)。
angularjs - 如何为 ui-view 注入动画师?
如何在 ui-views 中应用动画?
我找到了代码
但是我怎样才能注入动画师呢?
angularjs - 将数据(从服务器检索)从父路由传递到其子路由
我的 Angular 应用程序有父子路由。我正在使用(ui-router)我构建父路由数据(使用 $resource 从服务器检索)传递给它的子路由。
这将是我的应用程序代码。当我调试我的代码时,子路由中的“phaseTasks”总是为空数组。
当我更改父数据是静态的代码时,“phaseTasks”正确传递给子路由。
如何将数据(从服务器检索)从父路由传递到其子路由或防止子路由加载,直到从数据库中检索父路由数据?
angularjs - 当我使用 ui-router 仅查看父状态时,如何自动转到最后选择的子状态?
我有以下设置:
发生的情况是,当用户以前访问过该/admin/xxx
页面时,下一次/admin
被选中时,它将再次返回该/admin/xxx
页面。
但是从视觉上看,这是一团糟,因为浏览器 URL 显示为/admin
并且状态设置不正确。
有什么方法可以存储一个子状态然后拥有它,以便当用户浏览到父级时,它将转换到最后一个已知的子状态并在浏览器中显示该 URL?
angularjs - Angular 指令未获取服务数据
我的服务 NavData
在某些页面上从 ui-router 接收值:
出现在所有页面上的指令应注意服务中的更改并将它们反映在自定义面包屑功能中:
但是, scope.$watch 似乎不起作用。这是我的日志:
我究竟做错了什么?
javascript - (Angular-ui-router) 在解析过程中显示加载动画
这是一个两部分的问题:
我正在使用 $stateProvider.state() 中的 resolve 属性在加载控制器之前获取某些服务器数据。在此过程中如何显示加载动画?
我有子状态也使用 resolve 属性。问题是 ui-router 似乎想在加载任何控制器之前完成所有解析。有什么办法可以让父控制器在解决它们的解析后加载,而不必等待所有子控制器解析?对此的回答也可能会解决第一个问题。
angularjs - AngularJS ui-router 状态不会在后面刷新
我有一个具有 2 个状态的应用程序设置,A 和 AB 以这种方式完成:
当我处于状态 AB (网址类似于 #/A/12/B/123 )并使用浏览器的后退按钮返回或 transitionTo 网址更改时,状态 AB 被清除但状态 A 不会渲染回来。据我所知,控制器没有被触发。
因此,如果我在 A/12/B/123 并返回 A/12 什么都不会发生,但是如果我返回 A/13(使用 transitionTo )它会呈现。
在 angular-ui-router 项目的示例应用程序中,此场景运行良好,因此我认为我的设置可能有问题。我认为值得一提的是,在 index.html 上,我有一个加载状态 A 的 ui-view,而状态 A 的模板有另一个加载状态 AB 的 ui-view
如果有人可以提供帮助,我将不胜感激
unit-testing - 在 AngularJS 中对配置阶段进行单元测试
我正在尝试学习如何为 AngularJS 编写单元测试。我从一开始就用
angular.module( ... ).config( ... )
我想测试一下配置里面的内容。以下是相关部分的外观:
我认为测试此代码的最简单方法是为$stateProvider
and注入模拟$locationProvider
。然后执行配置阶段。之后,断言如何$stateProvider
以及$locationProvider
应该是什么样子。
如果我的想法是正确的,那么我的问题是,我不知道如何将这些模拟注入模块并从测试中执行其配置阶段。
你能告诉我如何测试这段代码吗?
javascript - 使用 UI-Router 使视图单独更改
可以设置ui-router
更改一个视图而不更改任何其他视图吗?
例如:在应用程序上导航时,一些操作指向一个view
:view A
. view
但是,用户可以单击应用程序中指向其他链接的一个链接: view B
. 我需要的是在单击view B
更改.view A
view B
有人可以帮我解决这个问题吗?
编辑:
这是具有关闭行为的 Plunkr:http: //plnkr.co/edit/wJXx9R
angularjs - AngularJS UI-Router,所有 url 的状态视图都需要一个吗?
是否有可能使用 ui-router (AngularJS 的插件),为所有 url 设置一个状态(和他的模板),期望一个或两个?
谢谢各位!