标签: ionic-popup

是否可以使用$ ionicPopup.confirm()更改按钮的文本?

我正在使用$ ionicPopup.confirm()但我想更改"取消按钮"文本.有可能这样做吗?

我知道.show()语法:

  buttons: [
  { text: 'Cancel' }
  ]
Run Code Online (Sandbox Code Playgroud)

但它似乎不适用于.confirm()......

感谢4的帮助

ionic-framework ionic ionic-popup

19
推荐指数
2
解决办法
2万
查看次数

如何从ionicPopup中删除标题区域

我想完全从离子弹出中删除标题区域.我删除了标题标签并尝试了.但仍然可以看到标题空间可见.这是我的代码.

 var registerPopup = $ionicPopup.show({

        templateUrl: 'templates/register_popup.html',

        scope: $scope

    });
Run Code Online (Sandbox Code Playgroud)

即使我完全删除了标题标签,标题区仍然可见,并带有空白区域,如下图所示.我想从ionicPopup中删除整个标题空间.我怎么才能得到它?代码中会有哪些变化?

在此输入图像描述

css ionic-framework ionic ionic-popup

8
推荐指数
1
解决办法
4628
查看次数

覆盖android硬件后退按钮,使其退出一个页面并在下一页中返回

我正在使用以下控制器,以便在dashboard页面android后退按钮退出应用程序,但在其余页面上它返回.从dashboard页面之前我有一个教程我只向我的用户呈现一次,然后我不得不重写android后退按钮,dashboard如果按下它退出,它可以正常使用此代码:

angular

  .module('az-app')
  .controller('DashboardController', function ($scope, $state, $ionicPlatform) {

    /**
     * While user on dashboard.html we don't want Android back button to return
     * to tutorial views so we override it so that in case that back button is pressed
     * to exit app which is in accordance with android lifecycle.
     *
     */
    $ionicPlatform.registerBackButtonAction(function () {
       if($state.is('/dashboard') || $state.is('dashboard')){
        navigator.app.exitApp();

       }
    }, 100);


  });
Run Code Online (Sandbox Code Playgroud)

现在的问题是,当我转到以下视图时,它仍然可以作为退出按钮,但我希​​望它只是一个不是仪表板的任何其他视图中的后退按钮,所以我在以下控制器中尝试了这个:

angular

  .module('az-app')
  .controller('DirMedicoController', function ($scope, $state, $ionicPlatform) {

    $ionicPlatform.registerBackButtonAction(function …
Run Code Online (Sandbox Code Playgroud)

android ionic-framework ionic-popup ionic-view

7
推荐指数
1
解决办法
1万
查看次数

如何在Ionic中创建一个带+和 - 按钮的输入框

如何创建一个带+和 - 按钮的输入框.点击哪个用户可以更改所选产品的数量,例如此屏幕:

输入框有一个+和 - 按钮

angularjs ionic-framework ionic-popup ionic-view

7
推荐指数
2
解决办法
9451
查看次数

键盘模糊了输入文本区域

我有一个显示在http://ionicframework.com/docs/api/service/$ionicPopup/里面的表格.问题是当光标放在最终输入(文本区域)内时,键盘显示但输入不会滚动回视图并被键盘遮挡.用户必须向下滚动.

我正在使用Android设备.

文件说:

Ionic将尝试通过将键盘滚动到视图中来防止键盘在显示时隐藏输入和可聚焦元素.为了实现这一点,任何可聚焦元素都必须位于Scroll View或指令中,例如具有Scroll View的Content.

如果我用离子内容标签包装表单,输入框会回滚到视图中,但是使用我的布局混乱,我正在寻找另一种解决方案.

更新:清单看起来如何

<?xml version='1.0' encoding='utf-8'?>
<manifest android:hardwareAccelerated="true" android:versionCode="1" android:versionName="0.0.1" package="myAwesomeApp" xmlns:android="http://schemas.android.com/apk/res/android">
    <supports-screens android:anyDensity="true" android:largeScreens="true" android:normalScreens="true" android:resizeable="true" android:smallScreens="true" android:xlargeScreens="true" />
<uses-permission android:name="android.permission.INTERNET" />
<application android:hardwareAccelerated="true" android:icon="@drawable/icon" android:label="@string/app_name" android:supportsRtl="true">
    <activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/activity_name" android:launchMode="singleTop" android:name="MainActivity" android:theme="@android:style/Theme.DeviceDefault.NoActionBar" android:windowSoftInputMode="adjustResize">
        <intent-filter android:label="@string/launcher_name">
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
    <activity android:name="me.apla.cordova.AppPreferencesActivity" />
    <activity android:clearTaskOnLaunch="true" android:configChanges="orientation|keyboardHidden" android:exported="false" android:name="com.google.zxing.client.android.CaptureActivity" android:theme="@android:style/Theme.NoTitleBar.Fullscreen" android:windowSoftInputMode="stateAlwaysHidden">
        <intent-filter>
            <action android:name="com.google.zxing.client.android.SCAN" />
            <category android:name="android.intent.category.DEFAULT" />
        </intent-filter>
    </activity>
    <activity android:label="@string/share_name" android:name="com.google.zxing.client.android.encode.EncodeActivity">
        <intent-filter>
            <action android:name="com.phonegap.plugins.barcodescanner.ENCODE" /> …
Run Code Online (Sandbox Code Playgroud)

android angularjs ionic-framework ionic-popup

5
推荐指数
1
解决办法
559
查看次数

如何调整 ionic2 中项目分隔符的大小

我是编码新手,目前正在使用 ionic 2 做一些练习应用程序。我遇到的问题是,我在按下按钮时显示弹出窗口,并且在标题部分内我尝试在标题和副标题之间使用项目分隔符。每当我尝试向上移动分隔线以使其接近标题时,就会发生这种情况:

弹出错误

有没有办法删除分隔线的空间或使其变小,以便它不会掩盖标题并使其看起来像下划线?

编辑:这是 .

弹出窗口.html

<ion-row>
  <ion-title class="title">BRAND</ion-title>
</ion-row>

<ion-row>
  <ion-col width-100 class="divider">
    <ion-item-divider></ion-item-divider>
  </ion-col>
</ion-row>

<ion-row>
  <ion-item class="subTitle"no-lines>
    <p>Select your part</p>
  </ion-item>
</ion-row>
Run Code Online (Sandbox Code Playgroud)

和 popover.ts

  .title{
    text-align: center;
    padding-top: 5px;
  }

  .divider{
    margin-top: -15px;
  }

  .poPosition{
    padding-top: 100px!important;
  }
Run Code Online (Sandbox Code Playgroud)

这就是我现在使用的全部。

resize popover ionic-popup ionic2 angular

2
推荐指数
1
解决办法
4068
查看次数

Ionic 2警报定制

我想在Ionic 2中自定义警报.我知道我可以在variables.scss中全局完成,但我想在特定页面中修改特定的警报.

我在警报代码中尝试了cssClass,我尝试了其他不同的东西,但是在全局范围内,而不是特定的.

有什么办法吗?

sass ionic-framework ionic-popup ionic2

2
推荐指数
1
解决办法
2万
查看次数