Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 229553 articles
Browse latest View live

Pasando id en ventana modal ionic v1

$
0
0

Muchas gracias Luis me salvaste la vida, fuiste de mucha ayuda, gran abrazo


Live reload not updating code without making changes in app.module.ts

$
0
0

Hi, I am new to ionic 3 and I tried to use lazy loading by having modules for each components and I removed all components from app.module.ts declarations and entryComponents
My problem is when I changed my code and the browser reload the output still showing the old one until I made a changes in app.module.ts
Any solution for this?
Thanks

Can't install any native extensions

$
0
0

I had a similar problem.

Since i migrated from -v1 to -v2 i got many errors. When i tried to migrate to -v3 everything broke.

What fixed everything to me was to create a new project with -v3 and putted all my pages in again was alot of work but worth it. I can now install everything again.

I hope this will fix your problem (if you migrated ofc).

Modal without going full-screen

Ionic ERR_FILE_NOT_FOUND(file:///android_asset/www/index.html)

$
0
0

Hi Sujan
I have updated the same with below version but still getting the same white screen.
E:\Ankit\ionicApps\abc>ionic info

global packages:

@ionic/cli-utils : 1.4.0
Cordova CLI      : 7.0.1
Ionic CLI        : 3.4.0

local packages:

@ionic/app-scripts              : 2.0.0
@ionic/cli-plugin-cordova       : 1.4.0
@ionic/cli-plugin-ionic-angular : 1.3.1
Cordova Platforms               : android 6.2.3
Ionic Framework                 : ionic-angular 3.2.1

System:

Node       : v6.10.3
OS         : Windows 10
Xcode      : not installed
ios-deploy : not installed
ios-sim    : not installed
npm        : 5.1.0

Please suggest.

Is this possible to change action sheet mode change

$
0
0

I don't understand your question. Do you want to change the style of the action sheet or do you want to add a function to the clicked sheet, or do you want to change the view of the action sheet to iOS view.

PositionError while using geolocation plugin on android device

Directives not working but there's no error in console

$
0
0

my ionic info:

@ionic/cli-utils : 1.4.0
Cordova CLI : 7.0.1
Ionic CLI : 3.4.0

The issue is that I created a directive with the ionic cli which automatically updates my app.modules.ts, but i tried in several ways and the directive doesn't work,

this is my app.modules.ts

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { HttpModule } from '@angular/http';

import { MyApp } from './app.component';


import { HighlightDirective } from '../directives/highlight/highlight';

@NgModule({
  declarations: [
    MyApp,
    HighlightDirective
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    HttpModule
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp
  ],
  providers: [
   //native providers
  ]
})
export class AppModule {}

this is highlight.ts

import { Directive, ElementRef } from '@angular/core';

/**
 * Generated class for the HighlightDirective directive.
 *
 * See https://angular.io/docs/ts/latest/api/core/index/DirectiveMetadata-class.html
 * for more info on Angular Directives.
 */
@Directive({
  selector: '[highlight]' // Attribute selector
})
export class HighlightDirective {

  constructor(el: ElementRef) {
    console.log("Directive initialized");
    el.nativeElement.style.backgroundColor = 'yellow';
  }

}

and in the page i'm using the directive its the following

<ion-header>

  <ion-navbar>
    <ion-title>New Page</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <div highlight>
    Hi
  </div>
</ion-content>

the page.ts

@IonicPage()
@Component({
  selector: 'page-new-client',
  templateUrl: 'new-client.html',
})
export class NewClientPage {

  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }

  ionViewDidLoad() {
  }

}

but when I load the page that tries to use the directive, i get nothing

and this is my console:

I'm using Lazy loading for Page navigation, any help will be appreciated


We are looking for a partner, Fitness Start Up

$
0
0

Hi Mig,

I should be able to help with this, it would be great if you can ping me on my Skype so that we can discuss it ahead,my Skype id: cis.am2.

Looking forward to hear from you soon!!!

Kind regards,
Anna J

Disable tabs on home page

$
0
0

I don't really know what you mean. Do you want to disable the tabs for your Homepage or do the tabs not enable?

If the tabs do not enable then you have to set the RootPage to TabsPage.

Else if you want to disable the tabs just for Homepage. Use this answer.

Closing ion-select programmatically

$
0
0

Kind of figured it out. Its a bit odd, not sure if it was a bug or anything.

Yes, turns out my ion-button was not calling the openSelect function. If I put ion-button right above ion-select, upon clicking on the button, it will open the ion-select.

So I mistaken thought it had successfully called the openSelect(). Turns out, even if I take away the (click)='openSelect()', it will still open the ion-select. In other words, it did not call the function yet still able to open the ion-select. Somehow by placing the button above ion-select, it automatically open the ion-select regardless, bypassing any function attached to it. So even if I attach the closeSelect(), it didnt invoke the function.

If i put the ion-button after ion-select, then everything works accordingly. Its a bit odd, not sure what to make of it.

<button ion-button (click)='openSelect()'>Open</button>
  <ion-select #myselect>
    <ion-option value="f" selected>Female</ion-option>
    <ion-option value="m">Male</ion-option>
  </ion-select>

[SOLVED] Get "input value" in to controller

$
0
0

.controller('HomeCtrl', function($scope) {
  $scope.AddItem = function(data){
    console.info(data)
  };
  $scope.items=[
    {
      item : "Repair TV",
      status : false,
    },
    {
      item : "Do Nothing",
      status : true,
    },
  ];
})

help me with this

<div class="bar bar-footer item-input-inset">

        <label for="" class="item-input-wrapper">
          <input id="homeNewItem" type="text" placeholder="New Home ToDo" value="hello">
        </label>
        <button class="button button-small" ng-click="AddItem(document.getElementById('homeNewItem').value)">Add</button>

    </div>

Closing ion-select programmatically

$
0
0

What exactly do you want to create ? Is your question answerd or do you still need support ? :penguin:

Ionic2 App takes too long to start

$
0
0

How to reduce app load time in ionic2 ios app?
It takes 16 sec. to initialize the app.

Adding Windows platform is trying to add cordova-plugin-wkwebview-engine and causing an error

$
0
0

I have just noticed the reference to the wkwebview exists in both package.config and config.xml. I Have removed the wkwebview from each and can now add the windows platform. Perhaps I just need to re-add it for iOS build in a script.


Modal without going full-screen

$
0
0

Here you go. I documented these two posts. One for the css layout and another post to achieve the transition effect:

How to hide some texts from slide menu ionic

$
0
0

You need to put check for login in component class of side menu for login.

Ionic2 App takes too long to start

$
0
0

Have you build your app with --prod?

Like:

ionic cordova build ios --prod

-- prod = plz ionic optimize and shrink my code to allow my app to be loaded faster

Ionic2 App takes too long to start

$
0
0

Do you have any logs to indicate what's taking time? Have you looked at component lazy loading?

How to redirect to home page and remove the back button on navigation bar

$
0
0

@brandyshea..

I tried this it works just fine showing menu bar icon as well

$ionicHistory.nextViewOptions({
    historyRoot: true
});
$state.go('app.home');
Viewing all 229553 articles
Browse latest View live


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