如何在 ngcordova Isoffline() 中包含模板文件？答案

【问题标题】：How to include template file in ngcordova Isoffline()?如何在 ngcordova Isoffline() 中包含模板文件？
【发布时间】：2016-10-19 20:16:11
【问题描述】：

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

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

【问题讨论】：

你所说的“显示模板文件”是什么意思？根据网络插件的结果，你可以做任何你想做的事......
我不想在弹出窗口中显示消息，而是显示一个模板文件（html 文件）

标签： angularjs ionic-framework ngcordova

【解决方案1】：

你可以通过 run 方法来做，更多信息在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
                    }
                }
            ]
        });
     }
 )}

或

$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>

【讨论】：

我不想在弹出窗口中显示消息，而是显示一个 html 文件
您的意思是显示一个弹出窗口，但带有特定的 html 模板？
是的，我想显示特定的 Html 模板
它必须为您的弹出窗口提供一个简单的模板，类似这样..我编辑我的答案。