ionic3

I'm very new to Typescript and Ionic 2 and I'm trying to filter trough a json response with Ionic 2 search bar. This is my code: import {Component} from '@angular/core'; import {NavController} from 'ionic-angular'; import {Http} from '@angular/http'; import 'rxjs/add/operator/map'; @Component({ templateUrl: 'build/pages/home/home.html' }) export class HomePage { posts: any; private searchQuery: string = ''; private items: string[]; constructor(private http: Http) { this.initializeItems(); this.http.get('https://domain.co/open.jsonp').map(res => res.json()).subscribe(data => { this.posts = data

I am having issue getting a basic CRUD to-do list app using Ionic 3 and Firebase to work. The error message I am stuck on is: Uncaught (in promise): Error: InvalidPipeArgument: '[object Object]' for pipe 'AsyncPipe' The error message started when I added the <ion-item *ngFor="let item of shoppingListRef$ | async"> section to shopping-list.html: shopping-list.html <ion-header> <ion-navbar color="primary"> <ion-title>Shopping List</ion-title> <ion-buttons end> <button ion-button icon-only (click)="navigateToAddShoppingPage()"> <ion-icon name="add"></ion-icon> </button> </ion-buttons> </ion

Choosing a category: <ion-select name="categories"> <ion-option *ngFor="let category of categories;"> {{category}} </ion-option> </ion-select> Listing the items: <ion-item-sliding *ngFor="let item of items; let idx = index;"> <ion-item> <h2>{{item.title}}</h2> </ion-item> ... </ion-item-sliding> How can I use the value from (select) to choose which category gets listed? I tried adding a ngModule in and passing it as a condition into the sliding ngFor, but it wouldn't work. You can use a pipe to achieve this <ion-item-sliding *ngFor="let item of items | categorySelected; let idx = index;"> <ion

When I write my own custom component like this: import { Component } from '@angular/core'; @Component({ selector: 'deletableItem', template: ` <ion-checkbox item-right></ion-checkbox> ` }) export class DeletableItem { constructor() {} } And use it in some html view: <ion-content padding> <ion-list> <ion-item *ngFor="let bill of bills" (click)="openEdit(bill)"> <ion-label text-left>{{bill.name}}</ion-label> <deletableItem></deletableItem> </ion-item> </ion-list> </ion-content> The looking of it is worse than just put it in parent's component view at once like this: <ion-content padding> <ion

I am trying to show a checkbox along with a text input field. (Ionic 3.5.3) The checkbox is not showing up. I looked at another SO thread for a similar question. The code seems to be the same as what I am doing. The code: let alert = this.alert.create({ title: 'Name your trip', inputs: [ { name: 'name', placeholder: 'Your trip name', }, { name: 'gpsxy', type:'checkbox', checked:true, label:'Log GPS co-ords', value:"true" } ], buttons: [{ text: 'Cancel', role: 'cancel', handler: data => { } }, { text: 'Ok', handler: data => { }], }); alert.present(); And here is the screenshot: Just like you

I am trying to import a new service provider that I just created after pulling from the latest branch in my ionic app. When I try to import this line of code: import { AuthServiceProvider } from '../providers/auth-service' in app.module.ts I always got an error saying that: Uncaught Error: Cannot find module "." at webpackMissingModule (index.js:3) at e.code (index.js:3) at Object.<anonymous> (index.js:9) at __webpack_require__ (bootstrap 62d6a5897825ac327001:54) at Object.690 (slide.transition.ts:67) at __webpack_require__ (bootstrap 62d6a5897825ac327001:54) at Object.495 (main.js:1885) at _