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

Ionic 4 Alert Component

March 27, 2019, 7:13 am
$
0
0

@Smaloo94 wrote:

Is there any possibility to add maxlenght of string to inputs and make it required?

 this.alertController
         .create({ 
                inputs: [
                    {
                    name: 'comment',
                    placeholder: 'Please insert your comment',
                    },
                ],
         })

Posts: 1

Participants: 1

Read full topic

↧
Search

Using popover controller in @ionic/react

March 27, 2019, 7:14 am
$
0
0

@ollie-w wrote:

The docs aren’t helping me enough. It’s unclear to me when a popover controller is needed and how I use it.

When I try to import it I get the error node_modules/@ionic/react/dist"' has no exported member 'IonPopoverController'

Posts: 1

Participants: 1

Read full topic

↧
↧

Warning: This function has been deprecated in favor of IonicCordova.getAppDetails

March 27, 2019, 7:25 am
$
0
0

@uptownjimmy wrote:

This function has been deprecated in favor of IonicCordova.getAppDetails.
IonicCordova.getAppInfo @ common.js:1287

This error has been appearing in “chrome://inspect/#devices” console for us and we don’t know why.

The code printing this is in plugins/cordova-plugin-ionic/dist/common.js.

var IonicCordova = /** @class */ (function () {
    function IonicCordova() {
        this.deploy = new IonicDeploy(this);
    }
    IonicCordova.prototype.getAppInfo = function (success, failure) {
        console.warn('This function has been deprecated in favor of IonicCordova.getAppDetails.');
        this.getAppDetails().then(function (result) { return success(result); }, function (err) {
            typeof err === 'string' ? failure(err) : failure(err.message);
        });
    };
    IonicCordova.prototype.getAppDetails = function () {
        return __awaiter(this, void 0, void 0, function () {
            return __generator(this, function (_a) {
                return [2 /*return*/, new Promise(function (resolve, reject) {
                        cordova.exec(resolve, reject, 'IonicCordovaCommon', 'getAppInfo');
                    })];
            });
        });
    };
    return IonicCordova;
}());

Posts: 1

Participants: 1

Read full topic

↧

FormData() not working when run android --device

March 27, 2019, 7:27 am
$
0
0

@eramos-dve wrote:

Hey !

I’m having some troubles using FormData() when I run my app on an Android device.
In fact, I want to take a pic with the camera.
So this is my code account.component.ts :

this.camera.getPicture(options).then(
    // Get the image in base 64
    (imageData) => this.accountService.uploadImage(image).subscribe((data) => console.log(data)),
    (err) => {
        console.error(err);
    }
);

account.service.ts :

uploadImage(image: string): Observable<any> {

    const body = new FormData();
    body.append('key', environment.key.toString());
    body.append('userauth', this.tokens.get());
    body.append('image', image);

    console.log('Params :', body);
    return this.http.post<any>(`${environment.api}`, body)
      .pipe(
        map((res => {
          console.log('Res :', res);
          if (res.error) {
            throw new Error(res.msg as string);
          }
          return res;
        }))
      );
  }

console.log(body) give me an empty FormData object.

I have this issue ONLY when I want to take a pic with the camera.
If I select a pic in the gallery, it’s working.

Do you have an idea about it ?

Posts: 1

Participants: 1

Read full topic

↧

Run ionic on Linux with no gui

March 27, 2019, 8:28 am
↧
↧

Running Ionic app on Android 4.4.2 not working

March 27, 2019, 8:33 am
$
0
0

@rodrigojrmartinez wrote:

Hi, I’m trying to deploy an app I’m building over and android mobile device which is a rather bit old. Its using the version 4.4.2 (Samsung S4 Mini) which based on the ionic official documentation should be supported.

When I manually install the generated debug build apk file on the device, it correctly installs it but when I try opening it, then the app stucks and doesn’t bootstrap (splash screen remains). Could this be possible due to the Android SDK I’m using on my pc?

I’ve checked I have SDK Platform for versions 8.0 and 9.0… but the strange thing is that when I try installing it on another mobile phone using Android 7.X it works fine!

Posts: 1

Participants: 1

Read full topic

↧

Ionic 4 desktop app

March 27, 2019, 9:59 am
↧

Notification Question

March 27, 2019, 10:02 am
$
0
0

@alexmpc wrote:

I´am kinda new to Ionic, and i have this question.

My point is like, a new information of something is loaded to the database, and it appears in the app through our webservices,after that, can i send a notification based on that new information that appeared in the app? (Like a new message on a message app)

PS: I can give more detail, just ask for it. And sorry for my Englando!!

Posts: 1

Participants: 1

Read full topic

↧
Search

[Ionic 4] Can't use component

March 27, 2019, 10:49 am
$
0
0

@felipe-ff wrote:

I’ve created a generic page that I want to use in 2 other pages, but I can’t use it, when I put the code:

<app-listing #listing</app-listing>

in one of the pages, it gives me: Error: Template parse errors: ‘app-listing’ is not a known element: 1. If ‘app-listing’ is an Angular component, then verify that it is part of this module.

I added the page to app.module declarations but no luck.

It only works if I add it to declarations of both pages, but then it gives me an error saying I can’t have the same page in 2 modules…

What am I supposed to do.

Posts: 1

Participants: 1

Read full topic

↧
↧

Se puede generar apps para windows con Ionic 4

March 27, 2019, 11:11 am
$
0
0

@jhandry15 wrote:

Recien empeze a usar ionic, y no encuentro en la documentacion el lugar donde de instrucciones sobre la nueva version si aun es compatible con windows.
podrian ayudarme indicando si aun se puede generar las app para windows.

Posts: 1

Participants: 1

Read full topic

↧

tags in interpolated text not working

March 27, 2019, 11:18 am
$
0
0

@webroady wrote:

I’m working on an Ionic/Angular/Electron motd app. Message text retrieved from a server for display may contain links or other HTML. My question is how to get the links in interpolated message text treated as active/functional links instead of as dead text that does nothing?

Minimal HTML with message interpolation:

<ion-card *ngFor="let motd of motds">
  <ion-card-content>
    <ion-item>
      {{motd.message}}
    </ion-item>
  </ion-card-content>
</ion-card>

Motd defs:

interface IMotd {
  messageId: number,
  title: string,
  message: string
}

motds: IMotd[] = [];    // Data retrieved from server in ngOnInit()

// Faked up test data from ngOnInit()
this.motds = [
  {messageId:1, title:"Title 1", message:"Message 1 <a href=\"https://www.google.com\">Google</a>"}
];

Posts: 1

Participants: 1

Read full topic

↧

CORS Error when running App on Real Device

March 27, 2019, 11:20 am
$
0
0

@bmcgowan94 wrote:

Hi guys, Im using a firebase cloud function (code shown below) which basically updates the number of likes on a particular post (its for a social media app).

/* this cloud function is used to update the likes on a post
- it receives three parameters in the post body 
- and will update those respective fields in the post document (e.g number of likes)
*/

export const updateLikesCount = functions.https.onRequest((request, response) => {

  const postId = JSON.parse(request.body).postId;
  const userId = JSON.parse(request.body).userId;
  const action = JSON.parse(request.body).action; // 'like' or 'unlike' 

  // from this data object we can get the value of all the fields in the document
  admin.firestore().collection("posts").doc(postId).get().then((data) => {

    // if likes counts = 0, then assume there are no likes 
    let likesCount = data.data().likesCount || 0;
    // likewise if there are no likes, then assign an empty array
    let likes = data.data().likes || [];

    let updateData = {};

    if(action == "like")
    {
      updateData["likesCount"] = ++likesCount;
      updateData[`likes.${userId}`] = true;
    } 
    else 
    {
      updateData["likesCount"] = --likesCount;
      updateData[`likes.${userId}`] = false;
    }

    admin.firestore().collection("posts").doc(postId).update(updateData).then(() => {
      response.status(200).send("Done")
    }).catch((err) => {
      response.status(err.code).send(err.message);
    })

  }).catch((err) => {
    response.status(err.code).send(err.message);
  })

})

When the app is running and the ‘like’ button is pressed, I get this console error…

47
Screen Shot 2019-03-27 at 18.17.47.png1018×124 30.2 KB

Please help, I cant seem to find many answers online, and the solutions I do find don’t seem to work for me. Many thanks! :slight_smile:

Posts: 1

Participants: 1

Read full topic

↧

Execution failed for task ':app:processDebugResources'. > Failed to execute aapt

March 27, 2019, 11:29 am
↧
↧

Ionic4 - Problem with google maps

March 27, 2019, 12:45 pm
$
0
0

@JordanoBaluz wrote:

I’m new in Ionic and I have started a project using ionic with google maps, but a have some problems. My new code is with some bug i can’t fix or understanding.
This is my code:

ngOnInit(){
    this.geolocation.getCurrentPosition().then((resp)=>{
      this.position = new google.maps.LatLng(resp.coords.latitude, resp.coords.longitude);
    });
  }

  ngAfterContentInit() {
    this.map = new google.maps.Map(
      this.mapElement.nativeElement,
      {
        center: this.position,
        zoom: 13
      });
  }

  ionViewDidLoad() { 
    google.maps.event.trigger(this.map,'resize');
  }

The problem appear when i center the map, if i’m use the code above, then the map appear grey. But if i’m put the coordenates like, center: {lat: 0.000, lng: 0.000} . The map will appear with no problem, but i need to get the coordenates in real time. Someone can help me please?

Posts: 1

Participants: 1

Read full topic

↧

Implementing a design in Ionic

March 27, 2019, 12:55 pm
$
0
0

@codiqa100044809 wrote:

Hi everyone,

Not to much experience with ionic (and app development) in general but I would love to get a push into the right direction regarding the following question;

How would you guys try to implement the design as supplied (cardview) in Ionic 4?
I’ve tried working with grid but I can’t get it to work the way I want it. The merging columns and rows are essential (I guess) but I do not see (or find) a way to accomplish this…

Thanks for reading my post!

10
Schermafbeelding 2019-03-27 om 20.50.10.png880×272 77.1 KB
39
Schermafbeelding 2019-03-27 om 20.53.39.png1028×314 19.5 KB
48
Schermafbeelding 2019-03-27 om 20.53.48.png700×1168 56.2 KB

Posts: 1

Participants: 1

Read full topic

↧
Search

Accessing methods or events in JavaScript/TypeScript/Angular

March 27, 2019, 4:30 pm
$
0
0

@bandito wrote:

Hi

I don’t have an idea how to do this.

I always used:

  @ViewChild('tabs') tabs;

....
this.tabs.nativeElement.something
.....

But this doesn’t work using any of the ionic components. How can I access any of the properties/methods/events of the ionic4/stencil components using JavaScript?

Posts: 1

Participants: 1

Read full topic

↧

Cannot build for Android with Ionic 4

March 27, 2019, 5:39 pm
$
0
0

@claudiocfls wrote:

Hi,

I’m trying run the command “ionic cordova run android” but I always receive this error:

cordova build android
shell.js: internal error
Error: EPERM: operation not permitted, chmod ‘…platforms/android/app/src/main/res/xml/config.xml’

I already executed the command with sudo and also change config.xml permissions to 777, but I end up with the same error.

I’ve tried the following things:

.Remove and add the platform Android
.Change permissions for config.xml file
.Execute the command with sudo

My version of Node: 10.15.3 lts
My version of Ionic: 4.12.0

Anyone can help me? I just want to test my app on the emulator

Posts: 1

Participants: 1

Read full topic

↧
↧

Xcode problem

March 27, 2019, 7:22 pm
↧

Showing blank page in ios

March 27, 2019, 10:23 pm
$
0
0

@jai003 wrote:

When we come back same page, automatically trigger ionicViewDidLoad method will call in the back page. In that, I used one service call and I’m getting data. But, showing blank page. If we click or long touch on any button, then data showing.

Posts: 1

Participants: 1

Read full topic

↧

Ionic production build :- TypeError: compiler_1.isFormattedError is not a function

March 27, 2019, 10:34 pm
$
0
0

@PrinceRajesh wrote:

Hii developers, i am trying to make a build using “sudo ionic cordova build android --prod --release” command in ionic 3 project but it returning me an error that is “TypeError: compiler_1.isFormattedError is not a function” , and without --prod apk file generated successfully.

Posts: 1

Participants: 1

Read full topic

↧
Viewing all 71531 articles
Browse latest View live
Search
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>