我正在使用 ionic 框架和 Angular js 来构建简单的移动应用程序。我用过$ionicActionSheet用于社交链接。 $ionicActionSheet 工作正常,但我想向其中添加社交链接 url,然后单击将其打开到新选项卡。我尝试使用标签并使用 $window.open() 函数,但无济于事。
代码:
app.controller('socialController', function($scope, $ionicActionSheet, $window) {
$scope.showActionsheet = function() {
$ionicActionSheet.show({
titleText: 'Social',
buttons: [
{ text: '<a href="https://www.facebook.com" target="_blank"> <i class="icon ion-social-facebook"></i> Facebook </a>' },
{ text: '<a href="https://twitter.com" target="_blank"> <i class="icon ion-social-twitter"></i> Twitter </a>' },
{ text: '<a href="https://www.linkedin.com/" target="_blank"> <i class="icon ion-social-linkedin"></i> Linkedin </a>'},
{ text: '<a href="http://www.youtube.com" target="_blank"> <i class="icon ion-social-youtube"></i> Youtube </a>' }
],
cancelText: 'Cancel',
buttonClicked: function(index) {
/*if(index == '0') {
$window.open("https://www.facebook.com", "_blank");
return true;
} else if(index == '1') {
$window.open("https://twitter.com", "_blank");
return true;
} else if(index == '2') {
$window.open("https://www.linkedin.com", "_blank");
return true;
}else {
$window.open("http://www.youtube.com", "_blank");
return true;
}*/
return true;
}
});
}
})
任何人都可以建议我做错了什么或如何解决这个问题。欢迎任何帮助/建议。
最佳答案
解决了。代码:
app.controller('socialController', function($scope, $ionicActionSheet, $window) {
$scope.showActionsheet = function() {
$ionicActionSheet.show({
titleText: 'Social',
buttons: [
{ text: '<i class="icon ion-social-facebook"></i> Facebook' },
{ text: '<i class="icon ion-social-twitter"></i> Twitter' },
{ text: '<i class="icon ion-social-linkedin"></i> Linkedin'},
{ text: '<i class="icon ion-social-youtube"></i> Youtube' }
],
cancelText: 'Cancel',
buttonClicked: function(index) {
if(index == '0') {
window.open("https://www.facebook.com", "_system", "location=yes");
} else if(index == '1') {
window.open("https://twitter.com", "_system", "location=yes");
} else if(index == '2') {
window.open("https://www.linkedin.com", "_system", "location=yes");
}else {
window.open("http://www.youtube.com", "_system", "location=yes");
}
return true;
}
});
}
})
但我仍然不知道“location=yes”到底是做什么的。
关于javascript - 如何为 $ionicActionSheet 中的项目打开新选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30774602/