javascript - 如何为 $ionicActionSheet 中的项目打开新选项卡

标签 javascript angularjs ionic-framework

我正在使用 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/

相关文章:

javascript - 旧的 Javascript 在浏览器中不刷新

javascript - angular-ui datepicker max-date 不能正常工作

javascript - ionic 版本和android-versionCode之间的区别?

javascript - 从 REST 获取数据并重定向到另一个页面

javascript - 无法读取二维数组的 for 循环中未定义的属性 'length'

angularjs - 将 ng-model 绑定(bind)到按钮值

angularjs - 模型更改时不会调用 ngModel.$render

javascript - ion-nav-view 中的 ng-style 或 style 没有从 Controller 获得值(value)

javascript - 防止捏合后发生拖动事件

javascript - 我想根据浏览器高度更改链接元素的边距