Question

我正在使用离子框架和角度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;
            }
        });
    }
})

任何人都可以建议我做错了什么或如何解决这个问题。欢迎任何帮助/建议。

Answer 1

解决了它。代码：

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”究竟是什么。

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

1 个答案: