Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 71530 articles
Browse latest View live

Ionic Background Geolocation - start tracking not working in interval

$
0
0

@ajammon wrote:

I am tracking the device location every 60 seconds. Which means the start tracking function needs to be placed inside an interval. It seems when I do this, I’m not getting back a request, but in my console it looks like the gps is updating, the request just isn’t being called. When I don’t place the start track function in an interval, it gets the initial GPS location (obviously) and it’s not updating because it’s not placed in an interval but the request is being sent.

location-service.ts

  startTracking() {

        const config: BackgroundGeolocationConfig = {
          desiredAccuracy: 10,
          stationaryRadius: 20,
          distanceFilter: 30,
          debug: false, //  enable this hear sounds for background-geolocation life-cycle.
          stopOnTerminate: false
      };

      this.backgroundGeolocation.configure(config)
      .subscribe((location: BackgroundGeolocationResponse) => {


      this.lat = location.latitude
      this.lng = location.longitude
      this.bearing = location.bearing
      this.speed = location.speed
      this.accuracy = location.accuracy
      this.timestamp = location.time

      this.backgroundGeolocation.finish(); // FOR IOS ONLY

      });

      this.gpsProvided = this.diagnostic.isLocationAvailable().then(res => {
        return res;
      });
      this.manifestID = this.events.subscribe('manifestid', maniID => {
        return maniID
      });

      this.backgroundGeolocation.start();
      }


     stopTracking() {

              let url = 'some URL';
              let request = {
                  Latitude: this.lat,
                  Longitude: this.lng,
                  Speed: this.speed,
                  Accuracy: this.accuracy,
                  Bearing: this.bearing
              };
              let headers = new Headers({ 'Content-Type': 'application/json' });
              let options = new RequestOptions({ headers: headers });
              let body = JSON.stringify(request);
              this.backgroundGeolocation.stop();
              return this.http.post(url,body,options).subscribe((data) => {
              });

     }

app.component.ts (without interval)

 constructor(){
    this.sendGPSStart()
    this.GPSInterval()
    }

    sendGPSStart(){
        this.locationTracker.startTracking();
      }

      sendGPSStop(){
        this.locationTracker.stopTracking();
      }

    GPSInterval(){
        setInterval(() => {

              this.sendGPSStop()

          })
        }, '60000')
      }

app.components.ts (with interval)

constructor(){

    this.GPSInterval()
    }

    sendGPSStart(){
        this.locationTracker.startTracking();
      }

      sendGPSStop(){
        this.locationTracker.stopTracking();
      }

    GPSInterval(){
        setInterval(() => {

              this.sendGPSStart()
              this.sendGPSStop()

          })
        }, '60000')
      }

Posts: 1

Participants: 1

Read full topic


Ionic 3 debugging is not working in iOS devices

$
0
0

@kennedymca wrote:

Hi,
Ionic 3 debugging is not working in my iOS devices, it shows only .js files, it doesn’t show any .ts file how to enable .ts debugging file.

Posts: 1

Participants: 1

Read full topic

Image upload to S3 Server

$
0
0

@abhibly wrote:

In our application we have a feature to upload the image to S3. I am able to upload the image to S3 Server successfully from my web app but i am facing issues in mobile app.This is how i uploaded the image from my web app . In html i have

<input name="file" type="file" (change)="onChange($event)"/>

When the image is changed

    onChange(event: any) {
    var files = event.srcElement.files;
    var file = event.target.files[0];
    var filename = event.target.files[0].name;
    var contentType = event.target.files[0].type;
    var queryString = '';

    queryString = queryString + 'filename=' + filename +
        '&content_type=' + contentType;

    this.srvc.GetS3Credentials(queryString).subscribe((response: any) => {
        this.upload(file, response);
    });
}

I get the credentials and the make a call which uploads the image

    upload(file: any, response: any) {
    let formData: FormData = new FormData();
    let xhr: XMLHttpRequest = new XMLHttpRequest();

    //Build AWS S3 Request
    formData.append('key', response.params.key);
    formData.append('acl', response.params.acl);
    formData.append('content-Type', response.params['content-type']);
    //Put in your access key here
    formData.append('x-amz-algorithm', response.params['x-amz-algorithm']);

    formData.append('x-amz-credential', response.params['x-amz-credential']);
    formData.append('x-amz-date', response.params['x-amz-date']);
    formData.append('policy', response.params['policy']);
    formData.append('x-amz-signature', response.params['x-amz-signature']);
    formData.append('success_action_status', response.params['success_action_status']);
    formData.append('file', file);

    xhr.open('POST', response.endpoint_url, true);
    xhr.send(formData);
}

With the above code i am able to upload the image successfully. But from my mobile app i need to capture an image and upload.I tried following the same steps which i did in web app . In web app when file is selected i get an argument event which has the file information which i am unable to get from mobile app.

  GetImageData(sourceType: any) {
var options = {
  quality: 50,
  sourceType: sourceType,
  encodingType: this.camera.EncodingType.JPEG,
  saveToPhotoAlbum: true,
  correctOrientation: true,
  mediaType: this.camera.MediaType.PICTURE
};

this.camera.getPicture(options).then((imagePath) => {
  if (this.platform.is('android') && sourceType === this.camera.PictureSourceType.PHOTOLIBRARY) {
    this.filePath.resolveNativePath(imagePath)
      .then(filePath => {
        this.GetS3Credentials(imagePath);
      });
  } else {
    this.GetS3Credentials(imagePath);
  }
}, (err) => {
  this.trNotifier.ErrorMessageNotifier('Error while capturing image.');
});
}

with file name i got s3 credentials but i am unable to find the file info which is causing me an error to upload the file.Can Somebody please help me

Posts: 1

Participants: 1

Read full topic

Keep navParams on livereload for dev environment

$
0
0

@onderceylan wrote:

Hi folks,

I was wondering what would be the best approach to keep navParams for the page/component that we work on during development. We’re already using IonicPage() deeplinking so I can already land on the required page on refresh, however once page is refreshed on watch trigger, params/state disappear and you should navigate from the beginning or land in a deadloop.

I created following component for keeping the navParams as is for the active page and it does the job if only it’s injected to the component template. I would like to inject this component for all/current component templates when we’re on dev environment and push this responsibility to build system somehow. I don’t want it to be part of source code of each component’s template.

import { Component, OnDestroy } from '@angular/core';
import { StorageService } from '../storage/storage.service';
import { Environment } from '../../../apps/imech/src/env/environment';
import { NavController, NavParams } from 'ionic-angular';
import isEqual from 'lodash-es/isEqual';

@Component({
    selector: 'kl-persistent-nav-params',
    providers: [StorageService],
    template: '',
})
export class PersistentNavParamsComponent implements OnDestroy {

    constructor(public navParams: NavParams,
                public navController: NavController,
                public storageService: StorageService) {

        if (Environment.build === 'dev') {
            const params = this.getNavParams();
            if (params && !isEqual(params, this.navParams.data) && !Object.keys(this.navParams.data).length) {
                this.navParams.data = params;
            }
            this.subscribeToViewEvents();
        }
    }

    public ngOnDestroy() {
        this.navController.viewWillLeave.unsubscribe();
        this.navController.viewDidEnter.unsubscribe();
    }

    private subscribeToViewEvents() {
        this.navController.viewDidEnter.subscribe(() => {
            this.setNavParams();
        });

        this.navController.viewWillLeave.subscribe(() => {
            this.setNavParams();
        });
    }

    private get storageKey() {
        return 'navParams';
    }

    private getNavParams() {
        const navData = this.storageService.getObject(this.storageKey);
        if (navData) {
            return navData;
        }
        return undefined;
    }

    private setNavParams() {
        this.storageService.setObject(this.storageKey, this.navParams.data);
    }
}

Any ideas on how to solve my issue or providing a better approach for this goal?

Thanks in advance!

Posts: 1

Participants: 1

Read full topic

Update ionic app to newer version

$
0
0

@Vartex05 wrote:

Hi, iam updating one of my apps from older ionic version to the latest. So i go with :
npm install -g ionic@latest
npm install @ionic/app-scripts@latest --save-dev
npm install ionic-angular@latest --save

what else do i have to update? What about ionic-native and all the plugins, do i have to update them all, and can i do it in 1 command?

Posts: 1

Participants: 1

Read full topic

Click event inside form, submits the form

$
0
0

@RamKumar3457 wrote:

Hi,

I am using a form, where an image is placed (i.e) when we click the image a popover will rise.

My Problem:

When the image is clicked the form gets submitted. I don’t understand why is this happening. Also unable to differentiate the problem is with the popover or the click event inside a form.

My Sample Code:

Posts: 1

Participants: 1

Read full topic

SELECT statement not working after installing WKWebView

$
0
0

@tamangsistema wrote:

I was trying to fix some performance issues in my ionic hybrid app when using AWS cognito which requires installing cordova-plugin-ionic-webview. However, after installing this plugin, my SELECT statement is no longer working - it is now returning no records found. Here is the statement:

dbAccess.SelectGoodsReceiptDetail = function SelectGoodsReceiptDetail(goodsreceipt) {

    var resultData = {};
    // Select Multiple Items
    return $q(function(resolve, reject) {db.executeSql("SELECT * FROM goodsreceiptdetailview WHERE goodsReceiptKey LIKE ?", [ goodsreceipt.header.goodsReceiptKey] , function(rs) {
        resultData.data = [{}];

        if (rs.rows.length > 0) {
            if (rs.rows.item) {
                for (i=0;i<rs.rows.length; i++) {
                    resultData.data[i] = rs.rows.item(i);
                }
                resultData.exist = true;
            }
        } else {
            // no item found
            resultData.exist = false;
        }
        resolve(resultData);
    }, function(error) {
            resultData.data = [{}];
            resultData.exist = false;
            resultData.failed = true;
            resolve(resultData);
    })
    });

}

The variable goodsreceipt.header.goodsReceiptKey in an integer. I have read in the release notes for the cordova sqlite plugin that whole numbers are treated as REAL values when using WKWebView while it is being treated as INT on UIWebView here. Could this be causing the problem? How can I fix this with WKWebView?

Posts: 1

Participants: 1

Read full topic

Splash screen shows default ionic cordova splash briefly even with custom resources

$
0
0

@texasman03 wrote:

I’ve successfully run ionic cordova resources, and I’ve even looked and manually checked all of the images inside the folders and the build, and they look correct.

However, when I launch the app on my phone, the default splash screen shows briefly, then it is replaced with the correct splash screen. Any idea what could be causing this? I can’t even find the file with the default splash screen anymore since running the resources command, so I’m not sure where it’s coming from.

I’ve tried deleting and rebuilding and installing the app as well, and that default image still appears briefly.

**Update - just updated to XCode 9, not sure if that might have something to do with it

Posts: 1

Participants: 1

Read full topic


How to Dynamically change One Tab component?

$
0
0

@kennedymca wrote:

Hi,

i want to change dashboard tab component dynamically, the component changed but when i click that tab double times, then only it will changed that tab component otherwise it’s showing existing component.
example :
setTabPages(sel_name) {
let dash_page: any = DashboardPage;
switch (sel_name) {
case ‘My Orders’:
dash_page = MyOrdersPage;
this.tab_icon = “clipboard”;
this.tab_home_title = “My Orders”;
break;
case ‘My Invoices’:
dash_page = MyInvoicesPage;
this.tab_icon = “paper”;
this.tab_home_title = “My Invoices”;
break;
case ‘Schemes’:
dash_page = SchemesPage;
this.tab_icon = “flower”;
this.tab_home_title = “Schemes”;
break;
case ‘My Favorites’:
dash_page = FavoritesPage;
this.tab_icon = “heart”;
this.tab_home_title = “My Favorites”;
break;
case ‘Helpline’:
dash_page = “HelplinePage”;
this.tab_icon = “help-circle”;
this.tab_home_title = “Helpline”;
break;
case ‘Feedback’:
dash_page = FeedbackPage;
this.tab_icon = “create”;
this.tab_home_title = “Feedback”;
break;
case ‘Shop by category’:
this.selectedTabIndex = 1;
dash_page = DashboardPage;
break;
case ‘Notifications’:
this.selectedTabIndex = 2;
dash_page = DashboardPage;
break;
}
this.retailerTabs.select(0);
this.retailerTabs._tabs[0]=dash_page;
}

Posts: 1

Participants: 1

Read full topic

Should I link to ionic dashboard?

$
0
0

@pdj wrote:

is it mandatory?
I’m now using google plug login.
but it work good and debugging mode
command like ionic Cordova run android --device.

but on signed apk, it has 10 error.

why is it? can’t understand it has error on signed apk version.

I checked below links and it says about dashboard ionic…

Posts: 1

Participants: 1

Read full topic

Cant update ionic native

$
0
0

@Vartex05 wrote:

I have a problem with updating native/core to current version. Every time i run npm install, there is couple of errors :

C:\angular\dochazkamobilni>npm install
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN @ionic-native/native-storage@3.14.0 requires a peer of @ionic-native/core@^3.6.0 but none was installed.
npm WARN @ionic-native/network@3.14.0 requires a peer of @ionic-native/core@^3.6.0 but none was installed.
npm WARN @ionic-native/sim@3.14.0 requires a peer of @ionic-native/core@^3.6.0 but none was installed.
npm WARN @ionic-native/splash-screen@3.4.2 requires a peer of @ionic-native/core@^3.1.0 but none was installed.
npm WARN @ionic-native/sqlite@3.14.0 requires a peer of @ionic-native/core@^3.6.0 but none was installed.
npm WARN @ionic-native/status-bar@3.4.2 requires a peer of @ionic-native/core@^3.1.0 but none was installed.

i tried npm install @ionic-native/core@4.3.2 --save, i tried unistall native/core and install again, but these warnings wont go away. Any ideas?

Posts: 1

Participants: 1

Read full topic

An error occurred while running cordova prepare android (exit code 1). when Testing as a native app

$
0
0

@AjithManali wrote:

debug.log

10 verbose cache add spec https://github.com/apache/cordova-plugin-statusbar.git
11 silly cache add parsed spec Result {
11 silly cache add raw: ‘https://github.com/apache/cordova-plugin-statusbar.git’,
11 silly cache add scope: null,
11 silly cache add escapedName: null,
11 silly cache add name: null,
11 silly cache add rawSpec: ‘https://github.com/apache/cordova-plugin-statusbar.git’,
11 silly cache add spec: ‘git+https://github.com/apache/cordova-plugin-statusbar.git’,
11 silly cache add type: ‘hosted’,
11 silly cache add hosted:
11 silly cache add { type: ‘github’,
11 silly cache add ssh: ‘git@github.com:apache/cordova-plugin-statusbar.git’,
11 silly cache add sshUrl: ‘git+ssh://git@github.com/apache/cordova-plugin-statusbar.git’,
11 silly cache add httpsUrl: ‘git+https://github.com/apache/cordova-plugin-statusbar.git’,
11 silly cache add gitUrl: ‘git://github.com/apache/cordova-plugin-statusbar.git’,
11 silly cache add shortcut: ‘github:apache/cordova-plugin-statusbar’,
11 silly cache add directUrl: ‘https://raw.githubusercontent.com/apache/cordova-plugin-statusbar/master/package.json’ } }
12 verbose addRemoteGit caching https://github.com/apache/cordova-plugin-statusbar.git
13 verbose addRemoteGit git+https://github.com/apache/cordova-plugin-statusbar.git is a repository hosted by github
14 silly tryClone cloning git+https://github.com/apache/cordova-plugin-statusbar.git via git+https://github.com/apache/cordova-plugin-statusbar.git
15 verbose tryClone git-https-github-com-apache-cordova-plugin-statusbar-git-c66a3d92 not in flight; caching
16 verbose correctMkdir C:\Users\PC\AppData\Roaming\npm-cache_git-remotes correctMkdir not in flight; initializing
17 info git [ ‘config’, ‘–get’, ‘remote.origin.url’ ]
18 silly validateExistingRemote git+https://github.com/apache/cordova-plugin-statusbar.git remote.origin.url: https://github.com/apache/cordova-plugin-statusbar.git
19 verbose validateExistingRemote git+https://github.com/apache/cordova-plugin-statusbar.git is updating existing cached remote C:\Users\PC\AppData\Roaming\npm-cache_git-remotes\git-https-github-com-apache-cordova-plugin-statusbar-git-c66a3d92
20 info git [ ‘fetch’, ‘-a’, ‘origin’ ]
21 error git fetch -a origin (https://github.com/apache/cordova-plugin-statusbar.git) fatal: Unable to find remote helper for 'https’
22 silly fetchPackageMetaData Error: Command failed: git -c core.longpaths=true fetch -a origin
22 silly fetchPackageMetaData fatal: Unable to find remote helper for 'https’
22 silly fetchPackageMetaData
22 silly fetchPackageMetaData at ChildProcess.exithandler (child_process.js:204:12)
22 silly fetchPackageMetaData at emitTwo (events.js:106:13)
22 silly fetchPackageMetaData at ChildProcess.emit (events.js:191:7)
22 silly fetchPackageMetaData at maybeClose (internal/child_process.js:886:16)
22 silly fetchPackageMetaData at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
22 silly fetchPackageMetaData error for https://github.com/apache/cordova-plugin-statusbar.git { Error: Command failed: git -c core.longpaths=true fetch -a origin
22 silly fetchPackageMetaData fatal: Unable to find remote helper for 'https’
22 silly fetchPackageMetaData
22 silly fetchPackageMetaData at ChildProcess.exithandler (child_process.js:204:12)
22 silly fetchPackageMetaData at emitTwo (events.js:106:13)
22 silly fetchPackageMetaData at ChildProcess.emit (events.js:191:7)
22 silly fetchPackageMetaData at maybeClose (internal/child_process.js:886:16)
22 silly fetchPackageMetaData at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
22 silly fetchPackageMetaData killed: false,
22 silly fetchPackageMetaData code: 128,
22 silly fetchPackageMetaData signal: null,
22 silly fetchPackageMetaData cmd: ‘git -c core.longpaths=true fetch -a origin’ }
23 silly rollbackFailedOptional Starting
24 silly rollbackFailedOptional Finishing
25 silly runTopLevelLifecycles Finishing
26 silly install printInstalled
27 verbose stack Error: Command failed: git -c core.longpaths=true fetch -a origin
27 verbose stack fatal: Unable to find remote helper for 'https’
27 verbose stack
27 verbose stack at ChildProcess.exithandler (child_process.js:204:12)
27 verbose stack at emitTwo (events.js:106:13)
27 verbose stack at ChildProcess.emit (events.js:191:7)
27 verbose stack at maybeClose (internal/child_process.js:886:16)
27 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
28 verbose cwd C:\Users\PC\Desktop\coolApp
29 error Windows_NT 10.0.14393
30 error argv “C:\Program Files\nodejs\node.exe” “C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js” “install” “https://github.com/apache/cordova-plugin-statusbar.git” “–production” "–no-save"
31 error node v6.10.3
32 error npm v3.10.10
33 error code 128
34 error Command failed: git -c core.longpaths=true fetch -a origin
34 error fatal: Unable to find remote helper for 'https’
35 error If you need help, you may report this error at:
35 error https://github.com/npm/npm/issues
36 verbose exit [ 1, true ]

Posts: 1

Participants: 1

Read full topic

Set attributes for results on Parse Server

$
0
0

@gnasis wrote:

I am using Parse Server for an Ionic3/Angular 4 Application.

I perform a query on Cloud Code on Parse Server and I retrieve the results of two Pointer columns.

Table Structure

User ->username

Friends -> toUser(Pointer) -> fromUser (Pointer)

Cloud Code

Parse.Cloud.define('FriendsQuery', function(req,res) {
    const query1 = new Parse.Query("Friends");
    const query2 = new Parse.Query("Friends");
    query1.equalTo("fromUser", { "__type": "Pointer", "className": "_User", "objectId":  req.params.currentuser });
    query2.equalTo("toUser", { "__type": "Pointer", "className": "_User", "objectId":  req.params.currentuser });
    const friendquery = Parse.Query.or(query1, query2);
    friendquery.find().then((results) => {
    res.success(results);
})
.catch(() =>  {
  response.error("user lookup failed");
});
});

Function

retrieveFriends(){
   if (this.currentUser= Parse.User.current()) {
     console.log(this.currentUser.id)
     Parse.Cloud.run('FriendsQuery',{currentuser: this.currentUser.id}).then(
     res => {
       this.tmp2 = res;
       console.log(this.tmp2);
       this.localdata.setFriends(this.tmp2);
       this.friends = this.localdata.tmpfriends;
       console.log(this.friends);
       });

   }
   }

Html Code

<ion-item class="item-avatar item-avatar-left item-button-right common-list" *ngFor="let friend of friends">
    <ion-avatar *ngIf="friend.fromUser.objectId == currentUser.id" item-left><img style="left:0px !important;margin-top:0px !important;" [src]="friend.toUser.avatar  || '/assets/img/no-avatar.png'"/></ion-avatar>
    <ion-label *ngIf="friend.fromUser.objectId == currentUser.id">{{friend.toUser.username}}</ion-label>
    <ion-avatar *ngIf="friend.toUser.objectId == currentUser.id" item-left><img style="left:0px !important;margin-top:0px !important;" [src]="friend.fromUser.avatar  || '/assets/img/no-avatar.png'"/></ion-avatar>
    <ion-label *ngIf="friend.toUser.objectId == currentUser.id">{{friend.fromUser.username}}</ion-label>
</ion-item>

As you can see in hmtl code I have to check the current logged in user to display the right results, his friends.

This is not very wise and this check should be done differently, either on Parse either on a function in order to set an attribute like this:

friend.toUser = something friend.fromUser = something

in order to display in html code something.username to retrieve the friends.

Should I make the check on Cloud Code or locally on a function?

Thank you

Posts: 1

Participants: 1

Read full topic

Problem with NFC

$
0
0

@Vartex05 wrote:

Iam using NFC in my app for reading personal chips. Problem is, that exactly same app, with exactly same code, works differently on differenct devices. I tested it on Samsung A5,A3 and Nokia 3. NFC works on A5 and Nokia 3, but on A3, Nfc doesnt work. It reads the chip (because it shows android system popup, that this nfc tag is not supported), but no event in my app is raised. Iam using addTagDiscoveredListener method for listening for events. Any ideas why this happens, and how to fix it?

Posts: 1

Participants: 1

Read full topic

Wanna implement Laser Barcode Scanner in IONIC App

$
0
0

@PremAgrawal wrote:

Hello all, we have developed a enterprise level Android app using IONIC, in which we want to implement Laser Barcode Scanner of Zebra MC36 Android Device

Did anyone ever implemented Laser Barcode Scanner in IONIC, please suggest us what to do.

Posts: 1

Participants: 1

Read full topic


FirebaseListObservable issue

When update to ionic 3, vendor.js log an error

$
0
0

@aka25 wrote:

Hi
I updated to ionic 3 and when i run ionic serve to run in browser, i get this error in my console. Please any help.
Thanks in advance.
error

Posts: 1

Participants: 1

Read full topic

How to use knob in ionic 2

Can we open sidemenu over themeable browser ionic 3

$
0
0

@pareshinexture wrote:

I am doing following stuff with ionic 3 + themeable browser plugin.

In application i have sidemenu with X number of option. One of them is themeable browser so when user click on that themeable-browser is open in that dialog i added some custom icon and logo of application. For example themeable-browser is showing MENU icon when user click on that sidemenu should open over themeable-browser.

When user click on MENU icon, themeable-browser send callback to app.component.ts page and there i written code for open side menu using

this.menuCtrl.open();
Sidemenu opens but not showing over themeable-browser. Is there any way i can show application sidemnu over themeable-browser.

Posts: 1

Participants: 1

Read full topic

Ionic scrolling is not working when i click on ion-input showing only keyboard in ionic3?

$
0
0

@saty932 wrote:

I need to implement the same kind of functionality in my app.After clicking on password or any other filed it’s showing keyboard but content is not scrolling up?because it’s need to highlight the field…

can any one help me how to implement this?

<ion-content class="outer-content">
	<ion-grid>
		<ion-row>
			<ion-col col-12>
				<div class="head">
					<div id="container">
						<div class="image-container">
							<img src="./img/LogoBusiness_HI-RES.png" />
						</div>
					</div>
				</div>
			</ion-col >
		</ion-row>
	</ion-grid>
	<ion-grid>
		<ion-row>
			<ion-col col-12>
			<p class="countrycode">{{filteredcmsdata?.conformationCountryText}}</p>
				<p class="phonenumber">{{filteredcmsdata?.conformationMobileText}}</p>
				<ion-list style="background-color:#981F64;">
					<ion-item style="background-color:#981F64;">
						<ion-label fixed>+91</ion-label>
						<ion-input type="tel" class="tel" [(ngModel)]="mobileNumber" placeholder="9676541202"></ion-input>
					</ion-item>
				</ion-list>
				<p class="next" (click)="passToLoginFullPage()">{{filteredcmsdata?.nextButtonText}}</p>
			</ion-col>
		</ion-row>
	</ion-grid>
</ion-content>

This is my code after clicking ion-input type=“tel” it’s need to scroll up??

Posts: 1

Participants: 1

Read full topic

Viewing all 71530 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>