Ionic 4 - Header going up

March 22, 2019, 7:46 pm

≪ Previous: Application error the connection to the server was unsuccessful help

Hi, whenever I open the keyboard in my App or when I rotate my phone to horizontal and then back to the o vertical, my header goes up.

Is this an error with Ionic 4?

Screenshot_20190323-034414.png1080×1920 30.9 KB

Posts: 1

Participants: 1

Read full topic

↧

O npm install no ios dando erro

March 23, 2019, 12:20 am

≫ Next: How can I put clickable span on alertcontroller's message

≪ Previous: Ionic 4 - Header going up

@ricardorick45 wrote:

veja o retorno quando eu corro sudo npm install:

Last login: Sat Mar 23 04:15:42 on console

MacBook-Air-de-Ricardo:~ ricardooliveira$ cd bilets

MacBook-Air-de-Ricardo:bilets ricardooliveira$ npm install

npm WARN checkPermissions Missing write access to /Users/ricardooliveira/bilets/node_modules

npm WARN checkPermissions Missing write access to /Users/ricardooliveira/bilets/node_modules/@ionic

npm WARN @ionic-native/barcode-scanner@4.20.0 requires a peer of @ionic-native/core@^4.11.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/barcode-scanner@4.20.0 requires a peer of rxjs@^5.5.11 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/core@4.10.0 requires a peer of rxjs@^5.0.1 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/firebase@4.10.0 requires a peer of rxjs@^5.0.1 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/http@5.2.0 requires a peer of rxjs@^6.3.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/http@5.2.0 requires a peer of @ionic-native/core@^5.1.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/in-app-browser@5.2.0 requires a peer of rxjs@^6.3.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/in-app-browser@5.2.0 requires a peer of @ionic-native/core@^5.1.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/insomnia@5.2.0 requires a peer of rxjs@^6.3.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/insomnia@5.2.0 requires a peer of @ionic-native/core@^5.1.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/navigation-bar@5.2.0 requires a peer of rxjs@^6.3.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/navigation-bar@5.2.0 requires a peer of @ionic-native/core@^5.1.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/qr-scanner@4.20.0 requires a peer of @ionic-native/core@^4.11.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/qr-scanner@4.20.0 requires a peer of rxjs@^5.5.11 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/splash-screen@4.9.1 requires a peer of rxjs@^5.0.1 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/status-bar@4.10.0 requires a peer of rxjs@^5.0.1 but none is installed. You must install peer dependencies yourself.

npm WARN ngx-clipboard@9.0.1 requires a peer of @angular/core@5.x but none is installed. You must install peer dependencies yourself.

npm WARN ngx-clipboard@9.0.1 requires a peer of @angular/common@5.x but none is installed. You must install peer dependencies yourself.

npm WARN ngx-clipboard@9.0.1 requires a peer of @angular/platform-browser@5.x but none is installed. You must install peer dependencies yourself.

npm ERR! path /Users/ricardooliveira/bilets/node_modules

npm ERR! code EACCES

npm ERR! errno -13

npm ERR! syscall access

npm ERR! Error: EACCES: permission denied, access ‘/Users/ricardooliveira/bilets/node_modules’

npm ERR! { [Error: EACCES: permission denied, access ‘/Users/ricardooliveira/bilets/node_modules’]

npm ERR! stack:

npm ERR! ‘Error: EACCES: permission denied, access ‘/Users/ricardooliveira/bilets/node_modules’’,

npm ERR! errno: -13,

npm ERR! code: ‘EACCES’,

npm ERR! syscall: ‘access’,

npm ERR! path: ‘/Users/ricardooliveira/bilets/node_modules’ }

npm ERR!

npm ERR! The operation was rejected by your operating system.

npm ERR! It is likely you do not have the permissions to access this file as the current user

npm ERR!

npm ERR! If you believe this might be a permissions issue, please double-check the

npm ERR! permissions of the file and its containing directories, or try running

npm ERR! the command again as root/Administrator (though this is not recommended).

npm ERR! A complete log of this run can be found in:

npm ERR! /Users/ricardooliveira/.npm/_logs/2019-03-23T07_16_22_100Z-debug.log

MacBook-Air-de-Ricardo:bilets ricardooliveira$ sudo npm install

Password:

> fsevents@1.2.7 install /Users/ricardooliveira/bilets/node_modules/fsevents

> node install

node-pre-gyp WARN Using request for node-pre-gyp https download

node-pre-gyp WARN Pre-built binaries not installable for fsevents@1.2.7 and node@10.15.0 (node-v64 ABI, unknown) (falling back to source compile with node-gyp)

node-pre-gyp WARN Hit error EACCES: permission denied, mkdir ‘/Users/ricardooliveira/bilets/node_modules/fsevents/lib’

gyp ERR! configure error

gyp ERR! stack Error: EACCES: permission denied, mkdir ‘/Users/ricardooliveira/bilets/node_modules/fsevents/build’

gyp ERR! System Darwin 17.7.0

gyp ERR! command “/usr/local/bin/node” “/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js” “configure” “–fallback-to-build” “–module=/Users/ricardooliveira/bilets/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64/fse.node” “–module_name=fse” “–module_path=/Users/ricardooliveira/bilets/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64” “–napi_version=3” “–node_abi_napi=napi”

gyp ERR! cwd /Users/ricardooliveira/bilets/node_modules/fsevents

gyp ERR! node -v v10.15.0

gyp ERR! node-gyp -v v3.8.0

gyp ERR! not ok

node-pre-gyp ERR! build error

node-pre-gyp ERR! stack Error: Failed to execute ‘/usr/local/bin/node /usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js configure --fallback-to-build --module=/Users/ricardooliveira/bilets/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64/fse.node --module_name=fse --module_path=/Users/ricardooliveira/bilets/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64 --napi_version=3 --node_abi_napi=napi’ (1)

node-pre-gyp ERR! stack at ChildProcess.<anonymous> (/Users/ricardooliveira/bilets/node_modules/fsevents/node_modules/node-pre-gyp/lib/util/compile.js:83:29)

node-pre-gyp ERR! stack at ChildProcess.emit (events.js:182:13)

node-pre-gyp ERR! stack at maybeClose (internal/child_process.js:962:16)

node-pre-gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:251:5)

node-pre-gyp ERR! System Darwin 17.7.0

node-pre-gyp ERR! command “/usr/local/bin/node” “/Users/ricardooliveira/bilets/node_modules/fsevents/node_modules/node-pre-gyp/bin/node-pre-gyp” “install” “–fallback-to-build”

node-pre-gyp ERR! cwd /Users/ricardooliveira/bilets/node_modules/fsevents

node-pre-gyp ERR! node -v v10.15.0

node-pre-gyp ERR! node-pre-gyp -v v0.10.3

node-pre-gyp ERR! not ok

Failed to execute ‘/usr/local/bin/node /usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js configure --fallback-to-build --module=/Users/ricardooliveira/bilets/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64/fse.node --module_name=fse --module_path=/Users/ricardooliveira/bilets/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64 --napi_version=3 --node_abi_napi=napi’ (1)

> node-sass@4.11.0 install /Users/ricardooliveira/bilets/node_modules/node-sass

> node scripts/install.js

Unable to save binary /Users/ricardooliveira/bilets/node_modules/node-sass/vendor/darwin-x64-64 : { Error: EACCES: permission denied, mkdir ‘/Users/ricardooliveira/bilets/node_modules/node-sass/vendor’

at Object.mkdirSync (fs.js:753:3)

at sync (/Users/ricardooliveira/bilets/node_modules/mkdirp/index.js:71:13)

at Function.sync (/Users/ricardooliveira/bilets/node_modules/mkdirp/index.js:77:24)

at checkAndDownloadBinary (/Users/ricardooliveira/bilets/node_modules/node-sass/scripts/install.js:114:11)

at Object.<anonymous> (/Users/ricardooliveira/bilets/node_modules/node-sass/scripts/install.js:157:1)

at Module._compile (internal/modules/cjs/loader.js:689:30)

at Object.Module._extensions…js (internal/modules/cjs/loader.js:700:10)

at Module.load (internal/modules/cjs/loader.js:599:32)

at tryModuleLoad (internal/modules/cjs/loader.js:538:12)

at Function.Module._load (internal/modules/cjs/loader.js:530:3)

errno: -13,

syscall: ‘mkdir’,

code: ‘EACCES’,

path:

‘/Users/ricardooliveira/bilets/node_modules/node-sass/vendor’ }

> node-sass@4.11.0 postinstall /Users/ricardooliveira/bilets/node_modules/node-sass

> node scripts/build.js

Building: /usr/local/bin/node /Users/ricardooliveira/bilets/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=

gyp info it worked if it ends with ok

gyp verb cli [ ‘/usr/local/bin/node’,

gyp verb cli ‘/Users/ricardooliveira/bilets/node_modules/node-gyp/bin/node-gyp.js’,

gyp verb cli ‘rebuild’,

gyp verb cli ‘–verbose’,

gyp verb cli ‘–libsass_ext=’,

gyp verb cli ‘–libsass_cflags=’,

gyp verb cli ‘–libsass_ldflags=’,

gyp verb cli ‘–libsass_library=’ ]

gyp info using node-gyp@3.8.0

gyp info using node@10.15.0 | darwin | x64

gyp verb command rebuild

gyp verb command clean

gyp verb clean removing “build” directory

gyp verb command configure

gyp verb check python checking for Python executable “python2” in the PATH

gyp verb which failed Error: not found: python2

gyp verb which failed at getNotFoundError (/Users/ricardooliveira/bilets/node_modules/which/which.js:13:12)

gyp verb which failed at F (/Users/ricardooliveira/bilets/node_modules/which/which.js:68:19)

gyp verb which failed at E (/Users/ricardooliveira/bilets/node_modules/which/which.js:80:29)

gyp verb which failed at /Users/ricardooliveira/bilets/node_modules/which/which.js:89:16

gyp verb which failed at /Users/ricardooliveira/bilets/node_modules/isexe/index.js:42:5

gyp verb which failed at /Users/ricardooliveira/bilets/node_modules/isexe/mode.js:8:5

gyp verb which failed at FSReqWrap.oncomplete (fs.js:154:21)

gyp verb which failed python2 { Error: not found: python2

gyp verb which failed at getNotFoundError (/Users/ricardooliveira/bilets/node_modules/which/which.js:13:12)

gyp verb which failed at F (/Users/ricardooliveira/bilets/node_modules/which/which.js:68:19)

gyp verb which failed at E (/Users/ricardooliveira/bilets/node_modules/which/which.js:80:29)

gyp verb which failed at /Users/ricardooliveira/bilets/node_modules/which/which.js:89:16

gyp verb which failed at /Users/ricardooliveira/bilets/node_modules/isexe/index.js:42:5

gyp verb which failed at /Users/ricardooliveira/bilets/node_modules/isexe/mode.js:8:5

gyp verb which failed at FSReqWrap.oncomplete (fs.js:154:21)

gyp verb which failed stack:

gyp verb which failed ‘Error: not found: python2\n at getNotFoundError (/Users/ricardooliveira/bilets/node_modules/which/which.js:13:12)\n at F (/Users/ricardooliveira/bilets/node_modules/which/which.js:68:19)\n at E (/Users/ricardooliveira/bilets/node_modules/which/which.js:80:29)\n at /Users/ricardooliveira/bilets/node_modules/which/which.js:89:16\n at /Users/ricardooliveira/bilets/node_modules/isexe/index.js:42:5\n at /Users/ricardooliveira/bilets/node_modules/isexe/mode.js:8:5\n at FSReqWrap.oncomplete (fs.js:154:21)’,

gyp verb which failed code: ‘ENOENT’ }

gyp verb check python checking for Python executable “python” in the PATH

gyp verb which succeeded python /usr/bin/python

gyp verb check python version `/usr/bin/python -c "import sys; print "2.7.10

gyp verb check python version .%s.%s" % sys.version_info[:3];"` returned: %j

gyp verb get node dir no --target version specified, falling back to host node version: 10.15.0

gyp verb command install [ ‘10.15.0’ ]

gyp verb install input version string “10.15.0”

gyp verb install installing version: 10.15.0

gyp verb install --ensure was passed, so won’t reinstall if already installed

gyp verb install version is already installed, need to check “installVersion”

gyp verb got “installVersion” 9

gyp verb needs “installVersion” 9

gyp verb install version is good

gyp verb get node dir target node version installed: 10.15.0

gyp verb build dir attempting to create “build” dir: /Users/ricardooliveira/bilets/node_modules/node-sass/build

gyp ERR! configure error

gyp ERR! stack Error: EACCES: permission denied, mkdir ‘/Users/ricardooliveira/bilets/node_modules/node-sass/build’

gyp ERR! System Darwin 17.7.0

gyp ERR! command “/usr/local/bin/node” “/Users/ricardooliveira/bilets/node_modules/node-gyp/bin/node-gyp.js” “rebuild” “–verbose” “–libsass_ext=” “–libsass_cflags=” “–libsass_ldflags=” “–libsass_library=”

gyp ERR! cwd /Users/ricardooliveira/bilets/node_modules/node-sass

gyp ERR! node -v v10.15.0

gyp ERR! node-gyp -v v3.8.0

gyp ERR! not ok

Build failed with error code: 1

npm WARN @ionic-native/barcode-scanner@4.20.0 requires a peer of @ionic-native/core@^4.11.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/barcode-scanner@4.20.0 requires a peer of rxjs@^5.5.11 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/core@4.10.0 requires a peer of rxjs@^5.0.1 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/firebase@4.10.0 requires a peer of rxjs@^5.0.1 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/http@5.2.0 requires a peer of rxjs@^6.3.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/http@5.2.0 requires a peer of @ionic-native/core@^5.1.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/in-app-browser@5.2.0 requires a peer of rxjs@^6.3.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/in-app-browser@5.2.0 requires a peer of @ionic-native/core@^5.1.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/insomnia@5.2.0 requires a peer of rxjs@^6.3.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/insomnia@5.2.0 requires a peer of @ionic-native/core@^5.1.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/navigation-bar@5.2.0 requires a peer of rxjs@^6.3.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/navigation-bar@5.2.0 requires a peer of @ionic-native/core@^5.1.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/qr-scanner@4.20.0 requires a peer of @ionic-native/core@^4.11.0 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/qr-scanner@4.20.0 requires a peer of rxjs@^5.5.11 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/splash-screen@4.9.1 requires a peer of rxjs@^5.0.1 but none is installed. You must install peer dependencies yourself.

npm WARN @ionic-native/status-bar@4.10.0 requires a peer of rxjs@^5.0.1 but none is installed. You must install peer dependencies yourself.

npm WARN ngx-clipboard@9.0.1 requires a peer of @angular/core@5.x but none is installed. You must install peer dependencies yourself.

npm WARN ngx-clipboard@9.0.1 requires a peer of @angular/common@5.x but none is installed. You must install peer dependencies yourself.

npm WARN ngx-clipboard@9.0.1 requires a peer of @angular/platform-browser@5.x but none is installed. You must install peer dependencies yourself.

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules/fsevents):

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 install: node install

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1

npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! node-sass@4.11.0 postinstall: node scripts/build.js

npm ERR! Exit status 1

npm ERR!

npm ERR! Failed at the node-sass@4.11.0 postinstall script.

npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

npm ERR! /Users/ricardooliveira/.npm/_logs/2019-03-23T07_17_00_623Z-debug.log

MacBook-Air-de-Ricardo:bilets ricardooliveira$

Posts: 1

Participants: 1

Read full topic

↧

How can I put clickable span on alertcontroller's message

March 23, 2019, 1:15 am

≫ Next: Ionic 4 Tab navigation params

≪ Previous: O npm install no ios dando erro

@pdj wrote:

Hello I have html span clickable which is shown as m in below.
I thought I would be work out well, but it cause error on developer log on chrome
saying WARNING: sanitizing HTML stripped some content (see http://g.co/ng/security#xss).

I imported { DomSanitizer } from ‘@angular/platform-browser’;
but nothing happened…
How can I implement span clickable inside of alertcontroller?
for(var i=0; i<this.dutylist[0].length; i++){
m+="<span (click)='haha()'>"+this.dutylist[0][i]+"</span>"+'<br><br>';
}
console.log("m is ");
console.log(m);
    var message = this.dutylist[0]
    let alert = this.alertCtrl.create({
      title: '등록된 휴무표시',
      message: m,
      buttons: [
        {
          text: '확인',
          handler: data => {
          }
        }
      ]
    });
    alert.present();

Posts: 1

Participants: 1

Read full topic

↧

Ionic 4 Tab navigation params

March 23, 2019, 1:58 am

≫ Next: Ionic v3 build prod error {@angular/common/common - Function calls are not supported in decorators}

≪ Previous: How can I put clickable span on alertcontroller's message

@maxkoch wrote:

Hello Ionites.

I have the tab root page (CustomerRootTabPage) with 3 tabpages (CustomerDetailTab, CustomerContactsTabPage, CustomerActivitiesTabPage).

Wenn I pass the paramter customerId from StartPage to CustomerRootTabPage, the parameter customerId is accessible only on tab root page, but is not accessible on tabpages.

I need to access this parameter on tabpages. Please help me

StartPage:

<ion-card-content [routerLink]="'/customer/' + customer.customerId" routerDirection="forward">

=========================================================================

app.routing.module
const routes: Routes = [
  { path: '', loadChildren: './dashboard/dashboard.module#DashboardPageModule' },
  { path: 'customer/:customerId', loadChildren: './customer-root-tab/customer-root-tab.module#CustomerRootTabPageModule' }}
]
=========================================================================

CustomerRootTabPageRoutingModule.ts
const routes: Routes = [
  {
    path: 'customer',
    component: CustomerRootTabPage, 
    children: [
      {
        path: 'customer-detail-tab',
        children: [
          {
            path: '',
            loadChildren: '../customer-tabs/customer-detail-tab/customer-detail-tab.module#CustomerDetailTabPageModule'
          }
        ]
      },
      {
        path: 'customer-contacts-tab',
        children: [
          {
            path: '',
            loadChildren: '../customer-tabs/customer-contacts-tab/customer-contacts-tab.module#CustomerContactsTabPageModule'
          }
        ]
      },
      {
        path: 'customer-activities-tab',
        children: [
          {
            path: '',
            loadChildren: '../customer-tabs/customer-activities-tab/customer-activities-tab.module#CustomerActivitiesTabPageModule'
          }
        ]
      },
      {
        path: '',
        redirectTo: '/customer-detail-tab',
        pathMatch: 'full'
      }
    ]
  },
  {
    path: '',
    redirectTo: 'customer/customer-detail-tab',
    pathMatch: 'full'
  }
];

@NgModule({
  imports: [
    RouterModule.forChild(routes)
  ],
  exports: [RouterModule]
})
export class CustomerRootTabPageRoutingModule {}
=========================================================================
With works fine: CustomerRootTabPage.ts
export class CustomerRootTabPage implements OnInit {

  constructor(private activatedRoute: ActivatedRoute) {}


  ngOnInit() {
    let customerId = this.activatedRoute.snapshot.paramMap.get('customerId');
    console.log("customerId" + customerId); **// customerId is ok**
  }
=========================================================================

With not : CustomerDetailTabPage.ts
ngOnInit() {

    let customerId = this.activatedRoute.snapshot.paramMap.get('customerId');
   console.log("customerId" + customerId); // **customerId null !!!!!**
Thnx

Posts: 1

Participants: 1

Read full topic

↧

Ionic v3 build prod error {@angular/common/common - Function calls are not supported in decorators}

March 23, 2019, 2:43 am

≫ Next: How to post associative array in ionic 3

≪ Previous: Ionic 4 Tab navigation params

@8bhsolutions wrote:

I’m building an Ionic v3 app.

Everything compiles and tests fine. That is I have been able to build and serve and test via the browser and emulator.

I’m trying to build a prod release using ionic cordova build --prod --release. I am getting the following issue

build-error.JPG863×333 45 KB

Any help would be appreciated.

Posts: 1

Participants: 1

Read full topic

↧

How to post associative array in ionic 3

March 23, 2019, 4:05 am

≫ Next: How to create a spring loader for a specific div location

≪ Previous: Ionic v3 build prod error {@angular/common/common - Function calls are not supported in decorators}

@gokulanathan wrote:

When i try to post a data in associative array to rest api using ionic.
Only empty data receive in server side.
Is this method is correct or suggest any other method

    public login(credentials) {
   
    let apiUrl = this.urlService.apiUrl  + 'oauth/access_token';
    let headers = new Headers({'Content-Type' : 'application/x-www-form-urlencoded'});
    let options = new RequestOptions({
			headers: headers});
    
     var postcredn=new Array();

     postcredn['username'] = "karthik@w3cert.in";
     postcredn['password'] = "05550";
     postcredn['grant_type'] = "password";
     postcredn['client_id'] = "Outfit1548925669";
     postcredn['client_secret'] = "a10620c85033ab02b582d17716cda245";

 
    console.log('iii'+postcredn['username'] );
    
      return new Promise((resolve, reject) => {
          this.http.post(apiUrl, postcredn,  options)
         
           .subscribe(res => {
            resolve(JSON.parse(JSON.stringify(res)));
             console.log('json'+ JSON.stringify(postcredn));
        
           }, (err) => {
             reject(err);
   public login(credentials) {
   
    let apiUrl = this.urlService.apiUrl  + 'oauth/access_token';
    let headers = new Headers({'Content-Type' : 'application/x-www-form-urlencoded'});
    let options = new RequestOptions({
			headers: headers});
    
     var postcredn=new Array();

     postcredn['username'] = "karthik@abcde.in";
     postcredn['password'] = "05550";
     postcredn['grant_type'] = "password";
     postcredn['client_id'] = "Outfit1548669";
     postcredn['client_secret'] = "a10620c85033abd17716cda245";

 
    console.log('iii'+postcredn['username'] );
    
      return new Promise((resolve, reject) => {
          this.http.post(apiUrl, postcredn,  options)
         
           .subscribe(res => {
            resolve(JSON.parse(JSON.stringify(res)));
             console.log('json'+ JSON.stringify(postcredn));
        
           }, (err) => {
             reject(err);
             console.log(apiUrl);
           });
     });
    }
        
}           console.log(apiUrl);
           });
     });
    }
        
}

Thanks in advance

Posts: 1

Participants: 1

Read full topic

↧

How to create a spring loader for a specific div location

March 23, 2019, 5:08 am

≫ Next: Get name of selected data

≪ Previous: How to post associative array in ionic 3

@flycoders_sourav wrote:

how to create a spring loader for a specific div location.
please help me out
Thanks

Posts: 1

Participants: 1

Read full topic

↧

Get name of selected data

March 23, 2019, 5:46 am

≫ Next: Add image to firebase chat

≪ Previous: How to create a spring loader for a specific div location

@ImadEL wrote:

i have 2 pages, 1 page gives you a list of names and there address, the next page has to have the name of the selected name from the list in the title, like example you click from the list, address 1, then the title of the next page has to be address 1, this is what i already have =>

page 1 html
<ion-list>
  <ion-item *ngFor="let building of Buildings">
      Address: {{building.address}}, Name: {{building.name}}
    </ion-label>
  </ion-item>
</ion-list>
page 1 .ts

image.png919×271 10.2 KB

page 2

ion-header>
ion-toolbar>
ion-title> title selected building <title>
</ion-toolbar>
</ion-header>

page 2 .ts

image.png1263×320 14 KB

Can someone Help me?
thanks in advance

Posts: 1

Participants: 1

Read full topic

↧

Add image to firebase chat

March 23, 2019, 6:24 am

≫ Next: Ionic 4- Cannot read property 'then' of undefined - Platform.ready()

≪ Previous: Get name of selected data

@lunneyd wrote:

I have send message working but trying to do sending image the right way too. it opens up gallery but that’s about it anyone know how implement images like sendMessage function

sendMessage() {
    // alert(this.user);
    this.db.list('/chat').push({
      userName: this.FName,
      message: this.message
    }).then(() => {
      // alert(this.message);
      this.message = ''
      // alert(this.message);
    })
  }




  sendPicMsg() {
    let loader = this.loadingCtrl.create({
      content: 'Please wait'
    });
    loader.present();
    this.imgstore.picmsgstore().then((imgurl) => {
      loader.dismiss();
      this.chatservice.addnewmessage(imgurl).then(() => {
        this.message = '';
      })
    }).catch((err) => {
      alert(err);
      loader.dismiss();
    })
  }


}

Posts: 1

Participants: 1

Read full topic

↧

Ionic 4- Cannot read property 'then' of undefined - Platform.ready()

March 23, 2019, 6:30 am

≫ Next: How to create an array from user selected objects in IONIC 3?

≪ Previous: Add image to firebase chat

@Kyrax80 wrote:

Hello,

In Ionic I am trying to use Platform.ready() but I am getting the following error:

ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'then' of undefined
TypeError: Cannot read property 'then' of undefined
    at TeamComponent.<anonymous> (team.component.ts:25)
    at step (tslib.es6.js:97)
    at Object.next (tslib.es6.js:78)
    at tslib.es6.js:71
    at new ZoneAwarePromise (zone.js:910)
    at Module.__awaiter (tslib.es6.js:67)
    at team.component.ts:24
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391)
    at Object.onInvoke (core.js:17298)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:390)
    at resolvePromise (zone.js:831)
    at resolvePromise (zone.js:788)
    at zone.js:892
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
    at Object.onInvokeTask (core.js:17289)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195)
    at drainMicroTaskQueue (zone.js:601)
    at ZoneTask.push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (zone.js:502)
    at invokeTask (zone.js:1744)

import { Component, OnInit } from '@angular/core';
import { EmailComposer } from '@ionic-native/email-composer/ngx';
import { NavController, Platform, ToastController } from '@ionic/angular';

@Component({
  selector: 'team',
  templateUrl: './team.component.html',
  styleUrls: ['./team.component.scss'],
})
export class TeamComponent implements OnInit {

  constructor(
    private email: EmailComposer,
    private nav: NavController,
    private platform: Platform,
    private toast: ToastController
  ) { }

  ngOnInit() {}

  public openEmailApp(email: string) {
    this.platform.ready().then(() => {
      this.email.isAvailable().then(async (available: boolean) =>{
        if (available) {
          this.email.open({
            to: email
          });
        } else {
          let toast: any = await this.toast.create();
          await toast.present();
        }
       });
    });
  }

However, if I do a console log like this, it works and gives me ‘dom’ string: console.log(await this.platform.ready())

Whats the issue?

Thanks

Posts: 1

Participants: 1

Read full topic

↧

How to create an array from user selected objects in IONIC 3?

March 23, 2019, 9:01 am

≫ Next: How to use deeplinks to open gmail With Ionic 4

≪ Previous: Ionic 4- Cannot read property 'then' of undefined - Platform.ready()

@harshm90 wrote:

Hello Guys,

I am trying to differentiate the selected array I get from user but i am unable to separate it . It just come together.

Like i am trying to get it like below image

but this is what i am getting shown in below image

in my ts file
sub_item: any = [{
    subcat_id: "",
    value: "",
    qty: ""
  }];

constructor(...){
..
}

submitbtn(){
this.sub_item.push({
      subcat_id: this.sub_id,
      qty: this.quantity,
      value: this.addonId + "|" + this.addOnPrice + "|" + this.selectedAddOn
    });
}
Please Help how can i achieve this?

Posts: 1

Participants: 1

Read full topic

↧

How to use deeplinks to open gmail With Ionic 4

March 23, 2019, 9:19 am

≫ Next: Create a condition structure that takes the table information

≪ Previous: How to create an array from user selected objects in IONIC 3?

@sushantr wrote:

Hello,
I’m trying to open gmail app through my ionic application. Can anyone please guide me how to use deeplinks to open gmail app

Posts: 1

Participants: 1

Read full topic

↧

Create a condition structure that takes the table information

March 23, 2019, 2:33 pm

≫ Next: 'Ion-text' is not a known element

≪ Previous: How to use deeplinks to open gmail With Ionic 4

@Ball4ckBR wrote:

I need to make that if the person enters a CEP that is already in the table automatically the other fields will be filled with the information that was placed in this CEP.

home.page.html:

<ion-item>
  <ion-grid>
    <ion-row>
      <ion-col>
        CEP
      </ion-col>
      <ion-col>
        Endereço
      </ion-col>
      <ion-col>
        Cidade
      </ion-col>
      <ion-col>
        UF
      </ion-col>
    </ion-row>
    <ion-row *ngFor="let campo of campos; let i=index">
      <ion-col>
        {{campo.cep}}
      </ion-col>
      <ion-col>
        {{campo.endereco}}
      </ion-col>
      <ion-col>
        {{campo.cidade}}
      </ion-col>
      <ion-col>
        {{campo.uf}}
      </ion-col>
    </ion-row>
  
  </ion-grid>

home.page.ts:

export class HomePage {
  public cep;
  public endereco;
  public cidade;
  public uf;
  public campo;
  public campos =  [{cep: '5555',
  endereco:'99999', cidade: 'Itapeva', uf: 'SP'}
  ];

  
  adicionar():void{
    var campos1 = this.campos.push({cep: this.cep, endereco: this.endereco, cidade: this.cidade, uf: this.uf });
    
 
}
}

Posts: 1

Participants: 1

Read full topic

↧

'Ion-text' is not a known element

March 23, 2019, 2:46 pm

≫ Next: Android@~7.1.4 ENOENT: no such file or directory,

≪ Previous: Create a condition structure that takes the table information

@rahjain wrote:

Hi All,
I am trying to use ion-item example as given in https://ionicframework.com/docs/api/item

                <ion-label text-wrap>
                    <ion-text color="primary">
                        <h3>H3 Primary Title</h3>
                    </ion-text>
                    <p>Paragraph line 1</p>
                    <ion-text color="secondary">
                        <p>Paragraph line 2 secondary</p>
                    </ion-text>

But it says -

'ion-text' is not a known element:
1. If 'ion-text' is an Angular component, then verify that it is part of this module.
2. If 'ion-text' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
                <ion-label text-wrap>

                    [ERROR ->]<ion-text color="primary">

                        <h3>H3 Primary Title</h3>
"): ng:///AppModule/Dashboard.html@58:20
'ion-text' is not a known element:
1. If 'ion-text' is an Angular component, then verify that it is part of this module.
2. If 'ion-text' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
                    <p>Paragraph line 1</p>

                    [ERROR ->]<ion-text color="secondary">

Not sure where is the Problem :disappointed_relieved:

below is my ionic info output

Ionic:

   ionic (Ionic CLI)  : 4.6.0 (C:\Users\rahjain\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.1.10

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.4, browser 5.0.4
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 1.2.1, (and 10 other plugins)

System:

   NodeJS : v10.6.0 (C:\Program Files\nodejs\node.exe)
   npm    : 6.1.0
   OS     : Windows 10

What am i doing wrong ?

Posts: 1

Participants: 1

Read full topic

↧

Android@~7.1.4 ENOENT: no such file or directory,

March 23, 2019, 5:44 pm

≫ Next: Ion-toggle 2-way databinding not showing correct state on load

≪ Previous: 'Ion-text' is not a known element

@lunneyd wrote:

It was building correctly and all of a sudden now get the error

ENOENT: no such file or directory …platforms/android/AndroidManifest.xml’

Any ideas what to do as can not downgrade to 6.4

Posts: 1

Participants: 1

Read full topic

↧

Ion-toggle 2-way databinding not showing correct state on load

March 23, 2019, 10:04 pm

≫ Next: How we select data from different page and then save in our database in ionic

≪ Previous: Android@~7.1.4 ENOENT: no such file or directory,

@8bhsolutions wrote:

ion-toggle always shows false state on page load, then will toggle to the ngModel databinding value.
Where as if it checked property is bound, and the status is shown correctly on load.

HTML
Toggle slide after load no binding
Typescript
public ngModelState: boolean;
public checkedState: boolean;

constructor(public navCtrl: NavController) {
    this.ngModelState = true;
    this.checkedState = true;
}
How do I get the 2-way data binding to load the view correctly?

Posts: 1

Participants: 1

Read full topic

↧

How we select data from different page and then save in our database in ionic

March 24, 2019, 12:44 am

≫ Next: Ionic 4 - 2-way binding to html table

≪ Previous: Ion-toggle 2-way databinding not showing correct state on load

@FK2193 wrote:

I have four pages first add patient then add medicine and then add schedule and last create a reminder because they all are related to each other. I want to add data in the database in the schedule page, so how can we navigate all data using checkbox and or push the data into schedule page and than add it into the database.

*Grammar Mistake

Posts: 1

Participants: 1

Read full topic

↧

Ionic 4 - 2-way binding to html table

March 24, 2019, 12:49 am

≫ Next: When i select data from ion-select it will show ion-list that number of time

≪ Previous: How we select data from different page and then save in our database in ionic

@smbu wrote:

Hi all,

I want to do some 2-way binding to an HTML table in an ion-grid. When clicked on a cell I use the Wheel selecter plugin to change the data in the cell. All is working except the value changes in every ion-row, not only the cell that was clicked on. So I guess I should put somewhere a row index or something but can not really figure what/where.

This is the code so far:

html

<ion-content>
  <ion-grid>
    <ion-row *ngFor="let name of names; let idx = index;">
      <div id='header' class="table-header">
        <div align="center">
          <p style="font-size: 14px; color: var(--ion-color-light); margin-bottom: 5px;"> Title1 </p>
          <p style="font-size: 20px; color: var(--ion-color-light); font-weight: bold; margin-top: 0px;"> {{name.name}}
          </p>
        </div>
        <div align="center">
          <p style="font-size: 14px; color: var(--ion-color-light);margin-bottom: 5px;"> Title 2 </p>
          <p style="font-size: 20px; color: var(--ion-color-light); font-weight: bold; margin-top: 0px;">
            {{name.total}} </p>
        </div>
      </div>
      <div class="container">
        <table id="myTable">
          <thead>
            <tr align="center">
              <th>subject 1</th>
              <th>subject 2</th>
              <th>subject 3</th>
              <th>subject 4</th>
              <th>subject 5</th>
              <th>subject 6</th>
              <th>subject 7</th>
              <th>subject 8</th>
              <th>subject 9</th>
              <th>subject 10</th>
            </tr>
          </thead>
          <tbody>
            <tr align="center">
              <td (click)="select_1(name.name,idx)"><ion-input [(ngModel)]="id_1" readonly="true"></ion-input></td>
              <td (click)="select_2(name.name,idx)"><ion-input [(ngModel)]="id_2" readonly="true"></ion-input></td>
              <td (click)="select_3(name.name,idx)"><ion-input [(ngModel)]="id_3" readonly="true"></ion-input></td>
              <td (click)="select_4(name.name,idx)"><ion-input [(ngModel)]="id_4" readonly="true"></ion-input></td>
              <td (click)="select_5(name.name,idx)"><ion-input [(ngModel)]="id_5" readonly="true"></ion-input></td>
              <td (click)="select_6(name.name,idx)"><ion-input [(ngModel)]="id_6" readonly="true"></ion-input></td>
              <td (click)="select_7(name.name,idx)"><ion-input [(ngModel)]="id_7" readonly="true"></ion-input></td>
              <td (click)="select_8(name.name,idx)"><ion-input [(ngModel)]="id_8" readonly="true"></ion-input></td>
              <td >{{name.time}}</td>
              <td (click)="select_10(name.name,idx)"><ion-input [(ngModel)]="id_10" readonly="true"></ion-input></td>
            </tr>
          </tbody>
        </table>
      </div>
    </ion-row>
  </ion-grid>
</ion-content>

TS code (1 function, all are pretty similar)

select_1(val1,idx) {
    console.log(val1,idx);
    this.selector.show({
      title: "Choose hours, minutes",
      items: [this.jsonData.hours, this.jsonData.minutes],
      positiveButtonText: "Confirm",
      negativeButtonText: "Cancel",
      theme: "dark",
    }).then(
      result => {
        this.timeresult = result[0].description + ':' + result[1].description;
       this.id_1 = this.timeresult;
      },
      err => console.log('Error: ', err)
    );
  }

What do I need to change so only the chosen cell get the new value ?

Thanks

Posts: 2

Participants: 2

Read full topic

↧

When i select data from ion-select it will show ion-list that number of time

March 24, 2019, 3:13 am

≫ Next: Responsive input sizes ionic-v4

≪ Previous: Ionic 4 - 2-way binding to html table

@FK2193 wrote:

example:

Posts: 1

Participants: 1

Read full topic

↧

Responsive input sizes ionic-v4

March 24, 2019, 9:02 am

≫ Next: Native Plugins: Cordova vs Ionic Native

≪ Previous: When i select data from ion-select it will show ion-list that number of time

@noonestopsme wrote:

Hello All,
Is there any responsive input size functionality on ionic-4 which exists at bootstrap 4?

getbootstrap.com

Typography

Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more.

Thanks in advance.

Posts: 1

Participants: 1

Read full topic

↧