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

Tengo una duda y es la siguiente sobre alojamiento

$
0
0

@softecnico wrote:

Se podría alojar mi aplicación en mi hosting?

Tengo entendido que si, pero la duda es la siguiente si yo creo una aplicación que usa base datos para almacenar todos, registro de usuarios, contenido que se publique, imágenes, tiempo, etc… como podría hacerla funcionar en mi hosting y que todo lo que haga desde la aplicación web y la aplicación móvil se vea en tiempo real en ambos lados.

Posts: 1

Participants: 1

Read full topic


Uncaught SyntaxError: Unexpected identifier on Fresh Install

IONIC 2 Proxy ERR_NAME_NOT_RESOLVED

$
0
0

@bdspen wrote:

Hello, I’m having an issue getting a proxy in the ionic.config.json file to work correctly. My ionic.config.json looks like this:

{ "name": "myApp", "app_id": "512887ea", "type": "ionic-angular", "proxies": [ { "path": "/api/", "proxyUrl": "https://api.coinmarketcap.com/v1" } ], "integrations": { "cordova": {} } }

The proxy seems to be working properly when I make a http request to /api, but if I make a request to /api/ticker then the browser will just request http://ticker. @hich is where I get the net::ERR_NAME_NOT_RESOLVED error in the console.

So my question is, when requesting /api/ticker Shouldn’t the proxy be switching the url to https://api.coinmarketcap.com/v1/ticker?

Posts: 2

Participants: 2

Read full topic

Chat Application on Ionic 3

$
0
0

@pendora7 wrote:

Hey ! I am developing a chat application which includes Group chat and one on one chat options. My concern is that can “Firebase” handle lets say i have 100 users ? I would like to use MySql but have no clue how to pull this of.
Thank You :slight_smile:

Posts: 5

Participants: 2

Read full topic

Force browser take fresh version of the app files after deploy new version

$
0
0

@alaa_alshamey wrote:

i think should be something like change links of all files in the app after every build to prevent browser or proxies taking from cache and got fresh version of the all files just in case new build uploaded to the server

is that possible somehow or is there something instead can fix this problem?

Posts: 1

Participants: 1

Read full topic

Reading multiple records from storage before continuing with code

$
0
0

@Tornado55 wrote:

Hi. New to Ionic and having some problems reading from Storage…

I have saved in the Storage and array of 4 arrays of ids, like:
_abiertas = { "urgentes": ["1", "3"], "altas":["5"], "normales":[], "bajas":["6","7","9"]}

I also have one registry in Storage for each id, like:

{id: "1", numeracion: "2017-565", establecimiento: "Rio", maquina: {…}, direccion: "Calle Rio Lozoya, Nº 9", …}

Entering a page i have this 2 functions:

ionViewDidEnter() {
       this.loadIncidenciasFromStorage();
       console.log(this.incidencias.length)
       this.incidencias.forEach(incidencia => {
       ...
       }
 }

loadIncidenciasFromStorage() {
    this.incidencias = [];

    this.storage.ready().then(() => {
      this.storage.get('_abiertas').then((data) => {
        if (data != null) {
          let _abiertas = JSON.parse(data);
          _abiertas.urgentes.forEach(id => {
            this.storage.get('incidencia-'+id).then((incidencia) => {
              if (incidencia != null) {
                this.incidencias.push(JSON.parse(incidencia));
              }
            });
          });

          _abiertas.altas.forEach(id => {
            this.storage.get('incidencia-'+id).then((incidencia) => {
              if (incidencia != null) {
                this.incidencias.push(JSON.parse(incidencia));
              }
            });
          });

          _abiertas.normales.forEach(id => {
            this.storage.get('incidencia-'+id).then((incidencia) => {
              if (incidencia != null) {
                this.incidencias.push(JSON.parse(incidencia));
              }
            });
          });

          _abiertas.bajas.forEach(id => {
            this.storage.get('incidencia-'+id).then((incidencia) => {
              if (incidencia != null) {
                this.incidencias.push(JSON.parse(incidencia));
              }
            });
          });
        }
      });
    });
  }

console.log inside ionViewDidEnter keeps saying incidencias.length is undefined. I know has something to do with Promises and asyncronous loading from Storage… but im quite newbie with this.

i just want all the loads and stuff inside loadIncidenciasFromStorage done before continuing with the code…

help will be highly appreciated. Thanks

Posts: 1

Participants: 1

Read full topic

Current Page Name

$
0
0

@jjo422 wrote:

Is there a was to get the current page/component name with version 3.9.2? If not, that is quite sad.

Posts: 1

Participants: 1

Read full topic

Cannot find module generated with “Ionic g provider”


Ionic Google Maps is not working getting error - GoogleMaps [deprecated] Please use GoogleMaps.create()

$
0
0

@champion007 wrote:

Just copied example code given in ionic native https://ionicframework.com/docs/native/google-maps/.

Ionic info -

@ionic/cli-utils : 1.18.0
ionic (Ionic CLI) : 3.18.0

global packages:
cordova (Cordova CLI) : 7.1.0

local packages:
@ionic/app-scripts : 3.1.0
Cordova Platforms : android 6.3.0
Ionic Framework : ionic-angular 3.9.2

System:
Android SDK Tools : 26.1.1
Node : v6.10.2
npm : 3.10.10
OS : Windows 10

Environment Variables:
ANDROID_HOME : C:\Android\sdk

Misc:
backend : pro

Posts: 1

Participants: 1

Read full topic

Ion-Spinner not working on Infinite-Scroll when using ng-if

$
0
0

@almobams wrote:

Hello,

The issue is this:

when I put a condition for Infinite-Scroll the spinner and the text that shows loading … is not showing. When I remove the condition, everything works perfectly. The issue also, that is the condition is needed as when all posts have retrieved no need to call the endpoint for nothing.

this is not working

<ion-infinite-scroll (ionInfinite)="loadMore($event)" *ngIf="page < totalPage">
      <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="تحميل المزيد من الأخبار..."></ion-infinite-scroll-content>
  </ion-infinite-scroll>

this is working

<ion-infinite-scroll (ionInfinite)="loadMore($event)">
      <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="تحميل المزيد من الأخبار..."></ion-infinite-scroll-content>
  </ion-infinite-scroll>

Posts: 1

Participants: 1

Read full topic

Example Ionic app with Source

$
0
0

@keeper3000 wrote:

What’s the best example app with Source for the latest Ionic framework?

Is it still the conference app?

Posts: 1

Participants: 1

Read full topic

Load/Display the File from firebase and able to view via pdf and download it

$
0
0

@zuekegreen wrote:

Hi guys i have a project in school. I want to create a project in Ionic that can display, view and download the file that i uploaded in firebase… the problem is i cant see any tutorial on google and youtube. I search a lot of time but still all i see is upload files or images to firebase. I needed it badly can someone help me about this ? or if you have a tutorial or source about this please…

Posts: 1

Participants: 1

Read full topic

Low quality splash screen - High resolution devices (S8)

$
0
0

@antoinedupont wrote:

The Samsung S8 has a native resolution of 2960x1440.

However, the splash.png file located in /resources has a default resolution of 2732x2732.
Plus, when executing ionic cordova resources, there is no splash screen file generated in /resources/android/splash that matches such a high resolution.

That leads to a poor quality splash screen.

I can set the splash.png file in /resources with a size of 3000x3000.
But what should I do next to generate a splash screen file in /resources/android/splash that can be used for high resolution devices?

Thanks for the help!

Posts: 1

Participants: 1

Read full topic

Localhost 8100 not appeared

Ionic build --prod white screen

$
0
0

@SquallX wrote:

Hi,

Since yesterday, when I try to run my application with --prod flag, i get a white screen. But when I try to use ionic serve or, ionic DevApp, or ionic build --prod with livereload, it works perfectly.

I think I’ve a mistake in my config or package file but I don’t found it. Anybody can have a look ?

package.json

{
  "name": "LeRugbynistere",
  "version": "0.1.0",
  "author": "Alexandre RIBES",
  "homepage": "http://www.lerugbynistere.fr",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/animations": "4.4.4",
    "@angular/common": "4.4.4",
    "@angular/compiler": "4.4.4",
    "@angular/compiler-cli": "4.4.4",
    "@angular/core": "4.4.4",
    "@angular/forms": "4.4.4",
    "@angular/http": "4.4.4",
    "@angular/platform-browser": "4.4.4",
    "@angular/platform-browser-dynamic": "4.4.4",
    "@ionic-native/core": "^4.3.3",
    "@ionic-native/deeplinks": "^4.3.3",
    "@ionic-native/in-app-browser": "^4.3.3",
    "@ionic-native/keyboard": "^4.3.3",
    "@ionic-native/network": "^4.3.3",
    "@ionic-native/social-sharing": "^4.3.3",
    "@ionic-native/splash-screen": "^4.3.3",
    "@ionic-native/status-bar": "^4.3.3",
    "@ionic/pro": "^1.0.12",
    "@ionic/storage": "2.0.1",
    "angular2-jwt": "^0.2.3",
    "chart.js": "^2.7.1",
    "com-sarriaroman-photoviewer": "~1.1.11",
    "cordova-android": "6.3.0",
    "cordova-ios": "4.5.3",
    "cordova-plugin-actionsheet": "^2.3.3",
    "cordova-plugin-console": "^1.1.0",
    "cordova-plugin-device": "^1.1.6",
    "cordova-plugin-device-motion": "^1.2.5",
    "cordova-plugin-google-analytics": "~1.8.3",
    "cordova-plugin-inappbrowser": "^1.7.1",
    "cordova-plugin-ionic-webview": "^1.1.16",
    "cordova-plugin-network-information": "^1.3.3",
    "cordova-plugin-splashscreen": "^4.0.3",
    "cordova-plugin-statusbar": "git+https://github.com/apache/cordova-plugin-statusbar.git",
    "cordova-plugin-whitelist": "^1.3.2",
    "cordova-plugin-x-socialsharing": "^5.2.1",
    "device": "0.3.8",
    "es6-promise-plugin": "^4.1.1",
    "ionic-angular": "^3.8.0",
    "ionic-img-viewer": "^2.7.3",
    "ionic-plugin-deeplinks": "^1.0.15",
    "ionic-plugin-keyboard": "^2.2.1",
    "ionicons": "3.0.0",
    "list": "1.0.0",
    "ng-lazyload-image": "3.3.3",
    "ngx-swiper-wrapper": "^4.6.6",
    "onesignal-cordova-plugin": "^2.2.2",
    "rxjs": "5.4.3",
    "sw-toolbox": "3.6.0",
    "zone.js": "^0.8.18"
  },
  "devDependencies": {
    "@angular/tsc-wrapped": "^4.4.6",
    "@ionic/app-scripts": "^3.0.1",
    "ionic": "3.18.0",
    "typescript": "2.3.4"
  },
  "description": "Application officielle du Rugbynistère",
  "cordova": {
    "plugins": {
      "cordova-plugin-network-information": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-x-socialsharing": {},
      "onesignal-cordova-plugin": {},
      "cordova-plugin-inappbrowser": {},
      "cordova-plugin-device": {},
      "cordova-plugin-device-motion": {},
      "cordova-plugin-ionic-webview": {},
      "cordova-plugin-console": {},
      "cordova-plugin-actionsheet": {},
      "ionic-plugin-keyboard": {},
      "ionic-plugin-deeplinks": {
        "URL_SCHEME": "rugbynistere",
        "DEEPLINK_SCHEME": "http",
        "DEEPLINK_2_SCHEME": "https",
        "DEEPLINK_HOST": "rugbynistere.fr",
        "ANDROID_PATH_PREFIX": "/"
      },
      "cordova-plugin-statusbar": {},
      "cordova-plugin-google-analytics": {},
      "com-sarriaroman-photoviewer": {}
    },
    "platforms": [
      "ios",
      "android"
    ]
  },
  "config": {
    "ionic_purge_unused_fonts": false
  }
}


config.xml

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.ionic.lerugbynistere" version="0.1.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>Rugbynistère</name>
    <description>Application officielle du Rugbynistère</description>
    <author email="lerugbynistere@gmail.com" href="www.lerugbynistere.fr">Le Rugbynistère</author>
    <content src="index.html" />
    <access origin="*" />
    <allow-intent href="*://*.twitter.com/*" />
    <allow-navigation href="https://secure.lerugbynistere.fr/*" />
    <allow-navigation href="http://localhost:8080/*" />
    <preference name="AllowInlineMediaPlayback" value="true" />
    <allow-navigation href="*://*.youtube.com/*" />
    <allow-navigation href="*://*.dailymotion.com/*" />
    <allow-navigation href="*://*.facebook.com/*" />
    <allow-navigation href="*://*.twitter.com/*" />
    <allow-navigation href="*://*.instagram.com/*" />
    <allow-navigation href="http://ionic.local/*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <preference name="webviewbounce" value="false" />
    <preference name="UIWebViewBounce" value="false" />
    <preference name="DisallowOverscroll" value="true" />
    <preference name="android-minSdkVersion" value="16" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="3000" />
    <preference name="ShowSplashScreenSpinner" value="false" />
    <preference name="Orientation" value="portrait" />
    <feature name="CDVWKWebViewEngine">
        <param name="ios-package" value="CDVWKWebViewEngine" />
    </feature>
    <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
    <preference name="KeyboardResize" value="true" />
    <preference name="KeyboardResizeMode" value="ionic" />
    <platform name="android">
        <allow-intent href="market:*" />
        <preference name="loadUrlTimeoutValue" value="600000" />
        <preference name="AutoHideSplashScreen" value="false" />
        <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
        <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
        <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
        <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
        <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
        <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
        <splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
        <splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
        <splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
        <splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
        <splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
        <splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
        <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
        <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
        <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
        <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
        <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
        <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
        <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
        <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
        <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
        <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
        <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
        <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
        <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
        <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
        <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
        <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
        <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
    </platform>
    <allow-navigation href="http://192.168.0.18:8100" />
    <allow-navigation href="http://192.168.0.20:8100" />
    <allow-navigation href="http://169.254.159.246:8100" />
    <engine name="ios" spec="4.5.3" />
    <engine name="android" spec="6.3.0" />
    <plugin name="cordova-plugin-network-information" spec="^1.3.3" />
    <plugin name="cordova-plugin-splashscreen" spec="^4.0.3" />
    <plugin name="cordova-plugin-whitelist" spec="^1.3.2" />
    <plugin name="cordova-plugin-x-socialsharing" spec="^5.2.1" />
    <plugin name="onesignal-cordova-plugin" spec="^2.2.2" />
    <plugin name="cordova-plugin-inappbrowser" spec="^1.7.1" />
    <plugin name="cordova-plugin-device" spec="^1.1.6" />
    <plugin name="cordova-plugin-device-motion" spec="^1.2.5" />
    <plugin name="cordova-plugin-ionic-webview" spec="^1.1.16" />
    <plugin name="cordova-plugin-console" spec="^1.1.0" />
    <plugin name="cordova-plugin-actionsheet" spec="^2.3.3" />
    <plugin name="ionic-plugin-keyboard" spec="^2.2.1" />
    <plugin name="ionic-plugin-deeplinks" spec="^1.0.15">
        <variable name="URL_SCHEME" value="rugbynistere" />
        <variable name="DEEPLINK_SCHEME" value="http" />
        <variable name="DEEPLINK_2_SCHEME" value="https" />
        <variable name="DEEPLINK_HOST" value="rugbynistere.fr" />
        <variable name="ANDROID_PATH_PREFIX" value="/" />
    </plugin>
    <plugin name="cordova-plugin-statusbar" spec="git+https://github.com/apache/cordova-plugin-statusbar.git" />
    <plugin name="cordova-plugin-google-analytics" spec="~1.8.3" />
    <plugin name="com-sarriaroman-photoviewer" spec="~1.1.11" />
</widget>

Thanks you so much !

Posts: 1

Participants: 1

Read full topic


App not appeare in web browser

$
0
0

@samantaayan16 wrote:

C:\Users\UTTAM\raju\b3>ionic serve
Starting app-scripts server: --address 0.0.0.0 --port 8100 --livereload-port
35729 --dev-logger-port 53703 --nobrowser - Ctrl+C to cancel
[20:49:20] watch started …
[20:49:20] build dev started …

now what i have to do i can not understand.
help me please.

Posts: 1

Participants: 1

Read full topic

Trigger directive based on child page scroll?

$
0
0

@jonathan1138 wrote:

Hi. New to Ionic. Trying to achieve the following, and could use direction.

V3, using Lazy load modules.

I have an “elastic header” directive that attaches to ion-header, and upon content scroll, via this.content.ionScroll.subscribe, does a nice job of hiding the header (on scroll of course).

My dilemma now is that I have TABS - that contain three individual Contents (that live in their own pages) depending on tab selected.

How can my header directive Access the scroll event firing from the child contents, so I can pass this pages specfic content into my elastic header directive friend?

Thanks!

Posts: 1

Participants: 1

Read full topic

How to create video and audio call using ionic2 or ionic3 using webrtc?

Can you use HTML5 Canvas API on Ionic 3?

$
0
0

@jamesharvey wrote:

Hello,

Is it possible to use HTML5 Canvas as UI element on Ionic 3?
Does it even work?
I spotted javascript doesn’t really work well when they are written on html file of Ionic 3.
It requires us to convert javascript into typescript and write it inside .ts file for each html to work properly.
I’m concerned if HTML5 Canvas which is drawn with normal javascript will work well on Ionic 3?
I’m planning to use HTML5 Canvas for making UI of Ionic.

Thanks,

Posts: 2

Participants: 2

Read full topic

Ionic click

$
0
0

@belcsantiago wrote:

Hi, 'i’d like to know how i can put some effect when my user click in a button… i was trying to use just css, but i didn’t make it

Posts: 2

Participants: 2

Read full topic

Viewing all 70445 articles
Browse latest View live


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