离子警报将 index.html 显示为 iOS 中的标题，但适用于 android

Posted 2023-03-14

【中文标题】离子警报将 index.html 显示为 iOS 中的标题，但适用于 android

【英文标题】：ionic alert display index.html as title in iOS but work fine with android

【发布时间】：2017-03-01 07:22:33

【问题描述】：

我遇到了 ionic alert 的问题，我使用 ionic 构建了一个应用程序，我在代码中的某些地方使用了警报以进行验证，它在 android 中运行良好，但在 ios 中它显示 index.html 作为它的标题，我用谷歌搜索但还没有找到任何解决方案。所以我在***上发布了我的问题。我在RnD期间确实有一个链接，但它对我没有用，这是链接：-

Phonegap alert dialog shows index.html on top of message

我在这里发布所有插件列表：-

com.ionic.keyboard 1.0.4 "Keyboard"
com.phonegap.plugins.PushPlugin 2.5.0 "PushPlugin"
cordova-plugin-admob 2.16.1 "AdMob Plugin Pro"
cordova-plugin-admobpro 2.18.0 "AdMob Plugin Pro"
cordova-plugin-android-permissions 0.10.0 "Permissions"
cordova-plugin-compat 1.0.0 "Compat"
cordova-plugin-console 1.0.2 "Console"
cordova-plugin-customurlscheme 4.1.5 "Custom URL scheme"
cordova-plugin-device 1.1.1 "Device"
cordova-plugin-extension 1.2.4 "Cordova Plugin Extension"
cordova-plugin-file 4.2.0 "File"
cordova-plugin-file-transfer 1.5.1 "File Transfer"
cordova-plugin-google-analytics 0.8.1 "Google Universal Analytics Plugin"
cordova-plugin-speechrecognizer 1.0.0 "SpeechRecognizer"
cordova-plugin-splashscreen 4.0.0 "Splashscreen"
cordova-plugin-whitelist 1.2.1 "Whitelist"
cordova-plugin-x-socialsharing 5.0.12-dev "SocialSharing"
cordova-plugin-x-toast 2.5.0 "Toast"
de.appplant.cordova.plugin.email-composer 0.8.2 "EmailComposer"
org.apache.cordova.inappbrowser 0.6.0 "InAppBrowser"
phonegap-plugin-barcodescanner 5.0.0 "BarcodeScanner"

这是一段代码：-

var myPopup = $ionicPopup
  .alert(
      template: '<div  class="pop_bx"><label> Name</label><input type="text"  ng-model="data.name"> <br/><label> Email</label><input type="email"  ng-model="data.email"> <br/><label> Telephone</label><input type="tel"  ng-model="data.telephone"> <br/><label>Comment</label> <textarea name="textarea" ng-model="data.message"></textarea></div>',
      scope: $scope,
      cssClass: 'yourclassfeedback',
      buttons: [
            text: $translate
              .instant('contactPage.btnCancel')
          ,
          
            text: 'Submit',
            type: 'button-positive',
            onTap: function(e) 
              console.log(e);

              if (!$scope.data.name) 
                alert('Please enter name');
               else if (!$scope.data.email) 
                alert($translate
                  .instant('contactPage.emailvaid'));
               else if (!$scope.data.message) 
                alert($translate
                  .instant('contactPage.message'));
              
            );

stack-overflow 上的任何人都面临这个问题并解决它，是否有可能解决它？我只是在 Android 的 iOS 中遇到这个问题，它运行良好。

任何帮助将不胜感激！！！

谢谢

【参考方案1】：

你能用这个代码吗，请把$ionicPopup 保存在cotroller 中。

 var alertPopup = $ionicPopup.alert(
     title: 'Please enter name',
     template: ''
 );

【讨论】：

感谢您的回复，但我已经在 IonicPopup 上显示了它。我更新了你在那边看到的问题。

好的，你可以使用cordova插件添加cordova-plugin-dialogs这个插件，这里是一个链接ngcordova.com/docs/plugins/dialogs。它看起来像原生 ios 和 android 对话框。

但它会自动关闭我的反馈弹出窗口