Question

我在iPad上使用Ionic应用程序时遇到问题。当我打开链接在模板中编码的内容时：

<a ng-href="https://stackoverflow.com/questions" target="_self"

然后我获得全屏浏览器查看甚至覆盖原生顶部栏 - 请参阅screanshot：

如何在该视图中使用正确的标题栏显示返回按钮？可以轻松显示pdf / doc文件吗？

Answer 1

您可以使用inappbrowser插件：

https://github.com/apache/cordova-plugin-inappbrowser

这个带有选项props.setProperty("mail.smtp.starttls.enable", "true"); props.setProperty("mail.smtp.port", "587"); props.setProperty("mail.smtp.user", "user"; props.setProperty("mail.smtp.auth", "true"); props.setProperty("mail.smtp.ssl.enable", "false"); props.setProperty("mail.session.mail.smtp.auth.mechanisms", "LOGIN"); props.setProperty("mail.session.mail.smtp.auth.plain.disable", "false"); props.setProperty("mail.session.mail.smtp.starttls.enable", "false"); props.put("mail.smtp.connectiontimeout", 6000);的插件会显示一个带有关闭按钮的位置栏。

希望它有所帮助。

Answer 2

按照这些步骤给了我正确的Ionic内容处理（甚至pdf / odt）：

ionic plugin add cordova-plugin-inappbrowser

将引用ngCordova添加到app.js，例如：

angular.module('starter', [
'ionic',
'restangular',
'ngCordova',

将ngCordova来源添加到index.html：

<script src="lib/ngCordova/dist/ng-cordova.js"></script>

然后从以下地址更改链接：

<a ng-href="https://stackoverflow.com/questions" target="_self"> link </a>

链接显示属性（请参阅https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-inappbrowser/）

<a ng-href="https://stackoverflow.com/questions" 
    onclick="window.open(this.href,
                        '_blank',
                        'location=yes,toolbarposition=top,closebuttoncaption=BACK');
             return false;"
>Link</a>

或者在绑定到html的控制器中使用一个函数（可能不像上面的例子那样使用重定向）：

 <button type="button" class="item" ng-click="openBrowser()">OPEN BROWSER</button>

 var options = {
                location: 'yes',
                closebuttoncaption: 'BACK',
                toolbarposition: 'top'
            };

            $scope.openBrowser = function () {
                $cordovaInAppBrowser.open('http://google.com', '_self', options)

                    .then(function (event) {
                        // success
                    })

                    .catch(function (event) {
                        // error
                    });
            };

此处https://www.thepolyglotdeveloper.com/2014/07/launch-external-urls-ionicframework/#comment-2175484195

的基金使用this.href棘手的解决方案

Ionic：在iOS设备上显示Web内容

2 个答案: