当前位置: 首页 > 面试题库 >

AngularJS使用ui-router通过ng-click更改路由

山高峰
2023-03-14
问题内容

如何使用ng-click而不是使用ui-sref的链接来更改route.state。

我已经试过了:

<button ng-click="selectDir(file.fullPath)">set</button>

$scope.selectDir = function(location) {
    options.storageLocation = location;
    $route.current = 'recorder.options';
}

但这是行不通的。有任何想法吗?


问题答案:

查看ui-router文档Wiki。

最好的解决方案是使用$state.go()。例如,$state.go('recorder.options')

这是文档中特定功能的链接:https : //github.com/angular-ui/ui-
router/wiki/Quick-Reference#stategoto–toparams–
options



 类似资料:
  • 问题内容: 我有以下代码的视图: 目标是无需使用href即可过渡到新状态。不幸的是,上面的代码不会触发。 我还尝试为此视图在控制器中包括$ state: 但是仍然没有。transictionTo也似乎不起作用。 有人对如何进行这项工作有任何想法吗? 编辑:我只能通过分配使其工作: 在我的控制器内。这看起来很丑。如果没有将$ state分配给作用域,是否真的没有其他方法可以访问$ state? 问题

  • 问题内容: angularjs的新手。想要将表达式写入ng-click。 例: 我想提醒游戏点击,但出现此错误: 问题答案: 当您从ng-click中请求“ alert”时,它将在$ scope上寻找该方法,但此方法不存在。 请参阅此plunkr,其中单击了指令时在示波器上使用函数调用了警报。 在控制器中,我们设置功能: 或者,您可以执行以下操作:。如果不这样做,将上下文绑定到窗口将无法正常工作。

  • 问题内容: 任何人都可以为该JSFiddle提供正确的方法: JsFiddle链接 我正在尝试通过.class&#ID更改元素的类。 提前致谢 感谢tymeJV,新的JSFiddle: 解 问题答案: 正确的方法是根据切换变量使用,请考虑: CSS: JS: HTML: 通过根据变量(“ toggle”)是否为或分配引用的类(在上面为“红色”)来工作。

  • 本文向大家介绍AngularJS ui-router (嵌套路由)实例,包括了AngularJS ui-router (嵌套路由)实例的使用技巧和注意事项,需要的朋友参考一下 我们都知道,如果使用原生路由的话,Angular的视图是通过ng-view这个指令进行加载的。比如这样:<div ng-view></div>。一般,我们都会把这个指令放在index.html这个文件里面,然后,通过控制器来

  • 问题内容: 我必须根据浏览历史实现一些业务逻辑。 我想做的是这样的: URL更新后,有什么方法可以接收来自react-router的回调吗? 问题答案: 尝试检测路线变化时,可以使用功能。考虑到您正在使用,请用HOC 包装您的组件以访问道具。 返回一个函数。您将使用它来收听。 您可以像这样配置路线 index.js 然后在 AppContainer.js中 从历史文档: 您可以使用收听当前位置的更

  • 本文向大家介绍angularjs ui-router中路由的二级嵌套,包括了angularjs ui-router中路由的二级嵌套的使用技巧和注意事项,需要的朋友参考一下 关于ui-router中嵌套路由中的问题 1.首先我们的页面层次为   其中Main.html是我们的主页,我们要在main.html中对路由进行统一的管理。 main.html页面中有一个ui-view在这里将填充PageTa