Angularjs：ui-rooute，将open ui-sref在新标签页中打开。
创始人
2024-10-27 19:01:16
0次

要在新标签页中打开ui-sref链接，您可以使用AngularJS的ui-router模块的state.go函数，并将第三个参数设置为{target: '_blank'}。以下是一个示例：

HTML代码：

Open in New Tab

JavaScript代码：

app.controller('MainController', function($scope, $state, $window) {
  $scope.openInNewTab = function() {
    var url = $state.href('stateName', {}, {absolute: true});
    $window.open(url, '_blank');
  };
});

在上面的示例中，当用户点击"Open in New Tab"链接时，会调用openInNewTab函数。该函数使用$state.href函数获取到指定状态（stateName）的URL，并使用$window.open函数在新标签页中打开该URL。确保将stateName替换为您的实际状态名称。

请注意，上述示例假设您已将ui.router模块添加到您的AngularJS应用程序中，并且已正确配置了状态和路由。

上一篇：AngularJS：Swiper.js不显示背景图片。

下一篇：ANGULARJS：未捕获的错误：语法错误，无法识别的表达式：#!/。

相关内容

热门资讯

最新技巧外挂app!欢乐碰胡多... 最新技巧外挂app!欢乐碰胡多功能外挂app，欢乐碰胡总是真的有外挂app1、点击下载安装，欢乐碰胡...
攻略讲解作弊器插件!欢乐划水麻... 攻略讲解作弊器插件!欢乐划水麻将多功能作弊器插件，欢乐划水麻将果然是有作弊器插件；运欢乐划水麻将辅助...
我来教大家辅助插件!惜缘多功能... 我来教大家辅助插件!惜缘多功能辅助插件，惜缘一直存在有辅助插件1、惜缘透视辅助软件激活码多个强度级别...
一分钟秒懂外挂技巧!廊坊麻将多... 一分钟秒懂外挂技巧!廊坊麻将多功能外挂技巧，廊坊麻将果然是真的有外挂技巧亲，关键说明，廊坊麻将透视脚...
必看攻略透视器教程!海迅麻将多... 必看攻略透视器教程!海迅麻将多功能透视器教程，海迅麻将其实存在有透视器教程1、点击下载安装，海迅麻将...
来一盘辅助方法!喜乐多功能辅助... 来一盘辅助方法!喜乐多功能辅助方法，喜乐竟然是真的有辅助方法1、进入游戏-大厅左侧-新手福利-激活码...
我来向大家传授辅助器方法!科尔... 我来向大家传授辅助器方法!科尔沁麻将多功能辅助器方法，科尔沁麻将确实是真的有辅助器方法1、玩家可以在...
盘点几款作弊器工具!逍遥麻将多... 盘点几款作弊器工具!逍遥麻将多功能作弊器工具，逍遥麻将切实存在有作弊器工具1、下载好逍遥麻将正确养号...
每日必看推荐透视挂攻略!指尖四... 您好，指尖四川麻将这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在...
必备科技透视器攻略!欢乐赣游G... 您好，欢乐赣游GZ这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在...