Question

我是离子应用程序开发的新手。我正在开发一个应用程序，我在其中使用Cordova网络信息插件来检查应用程序是否连接到互联网。如果互联网连接我想显示模板文件。有可能吗？如果是这样我怎么办？

if ($cordovaNetwork.isOffline()) {
       $ionicPopup.confirm({
                        title: "Internet Disconnected",
                        content: "The internet is disconnected on your device."
                    })
       ionic.Platform.exitApp()

Answer 1

您可以通过运行方法，Ionic PopUp Service

中的更多信息来执行此操作

.run(function($window, $rootScope, $cordovaNetwork, $ionicPopup) {
     if ($cordovaNetwork.isOffline()) {
            var myPopup = $ionicPopup.show({
            template: '<b>Hello!</b>',
            title: 'Internet lost',
            subTitle: 'Connection lost',
            scope: $scope,
            buttons: [
            { text: 'Cancel' }, {
                text: '<b>Ok</b>',
                type: 'button-positive',
                    onTap: function(e) {
                        //click Ok button
                    }
                }
            ]
        });
     }
 )}

OR

$ionicModal.fromTemplateUrl('templates/internet_info.html', {
    scope: $scope
}).then(function(modal) {
   $scope.modal = modal;
});

$scope.closeInternetInfo = function() {
  $scope.modal.hide();
};

// Open the login modal
$scope.OpenInternetInfo = function() {
  $scope.modal.show();
};

您的模板应该是这样的：

<ion-modal-view>
    <ion-header-bar>
        <h1 class="title">Internet</h1>
        <div class="buttons">
        </div>
    </ion-header-bar>
    <ion-content>

    </ion-content>
</ion-modal-view>

如何在ngcordova Isoffline（）中包含模板文件？

1 个答案: