当前位置: 首页 > 编程笔记 >

angular-ui-router 使用$ state.go在状态之间转换

锺离晗昱
2023-03-14
本文向大家介绍angular-ui-router 使用$ state.go在状态之间转换,包括了angular-ui-router 使用$ state.go在状态之间转换的使用技巧和注意事项,需要的朋友参考一下

示例

$state.go 是速记法 $state.transitionTo

$state.go(toState [,toParams] [,options])

此方法自动将您的选项设置为{ location: true, inherit: true, relative: $state.$current, notify: true }(除非您覆盖它们),并允许您使用更少的代码进行转换。

例子:

假设我们有一个具有“主要”状态的应用程序,其中有两个子状态:“仪表板”和“帮助”,而“仪表板”也有一个名为“关于”的子状态。

过渡到另一个状态

$state.go("main.dashboard") // 从任何地方到“ main.dashboard”

过渡到母国

$state.go("^") // 从“ main.dashboard”到“ main”

您还可以转移到父州的另一个孩子(兄弟姐妹)

$state.go("^.help") // 从'main.dashboard'到main.help

放置a.将允许您过渡到子状态

$state.go(".about") // 从“ main.dashboard”到“ main.dashboard.about”
           

 类似资料:
  • 本文向大家介绍angular-ui-router 使用$ state.transitionTo在状态之间转换,包括了angular-ui-router 使用$ state.transitionTo在状态之间转换的使用技巧和注意事项,需要的朋友参考一下 示例 用于$state.transitionTo将一种状态转变为另一种状态。这是一种低级过渡方法,$state.go是内部最常用的推荐方法。 $st

  • 问题内容: 我正在做一个文档编辑器。文档可以是Type A或TypeB。可以通过URL通过文档ID对其进行访问,但是如果文档是A或B类型,则该ID不能使它们清晰可见。 因此,我需要按id加载文档,根据其数据确定其类型,然后将其传递给TypeAController或TypeBController。 现在,使用ui-router,我有类似以下内容: 加载状态将加载文档,确定其类型,然后进入下一个状态。

  • 问题内容: 有没有之间的功能差异和? 在使用和在控制器被使用。 在HTML中,我将使用: 而在函数中,我将使用类似: 那么,是还是在之后添加一些内容?假设当前状态为。 问题答案: 和之间没有 功能上的 区别。参阅文件 激活状态 激活状态有三种主要方法: 致电。高级便利方法。 单击包含指令的链接。 导航到与状态关联的状态。 因此,这些操作最终都将执行相同的操作,正如我们在指令代码中所看到的: 它确实

  • 问题内容: 我刚刚开始学习angularjs,并且正在使用angular-ui- router。我正在尝试使用一种状态将数据从一种状态发送到另一种状态,但是我没有成功。这是我到目前为止的内容: 我没有故意包含html,因为我假设不需要它,请告诉我,我将添加它。 我将状态配置如下: 调用my时,将执行以下代码: 当页面处于活动状态时,我正在尝试打印: 正如状态所示,$ stateParams是一个空

  • 问题内容: 在我正在开发的一个有角度的应用程序中,我希望有一个抽象的父状态,该状态必须解析其所有子状态的某些依赖关系。具体来说,我希望所有要求经过身份验证的用户的状态都必须从某些authroot状态继承该依赖项。 我遇到了无法始终解决父依赖关系的问题。理想情况下,我想让父状态检查用户是否仍自动登录到任何子状态。在文档中,它说 子状态将从父状态继承已解析的依赖项,并可以将其覆盖。 我发现仅当我从父级

  • 本文向大家介绍angular-ui-router 用多个视图定义状态,包括了angular-ui-router 用多个视图定义状态的使用技巧和注意事项,需要的朋友参考一下 示例 在ui-router中,状态可以包含多个视图,每个视图都有自己的控制器和模板 然后,在州的HTML中,您可以链接这些视图