Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 我将如何将ui路由器转到外部链接,如google.com?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
例如:
$stateProvider
            .state('external',{
                url: 'http://www.google.com',})

url假定这是一个内部状态.我希望它像href或这样的东西.

我有一个导航结构,将从ui路由构建,我需要一个@L_675_4@去外部@L_675_4@.不一定只是google,这只是一个例子.

不是在一个@L_675_4@或$state.href(‘http://www.google.com‘)中寻找它.需要它在路由配置中声明性地.

Angular-ui-router不支持外部URL,您需要使用$LOCATIOn.url()或$window.open()重定向用户,

我建议您使用$window.open(‘http://www.google.com’,’_self’),这将打开同一页面上的URl.

更新

您还可以通过添加外部参数来定制ui-router,它可以是true / false.

$stateProvider
  .state('external',{
       url: 'http://www.google.com',external: true
  })

然后配置$stateChangeStart在你的状态&处理重定向部分.

运行块

@H_988_1@myapp.run(function($rootScope,$window) { $rootScope.$on('$stateChangeStart',function(event,toState,toParams,fromState,fromParams) { if (toState.external) { event.preventDefault(); $window.open(toState.url,'_self'); } }); })

Sample Plunkr

大佬总结

以上是大佬教程为你收集整理的angularjs – 我将如何将ui路由器转到外部链接,如google.com?全部内容,希望文章能够帮你解决angularjs – 我将如何将ui路由器转到外部链接,如google.com?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。