when u go to add-bike.ts how do i print that console data in add-html
bike.html
Bike X
Name: {{bike.name}}
Vehicle Name: {{bike.bname}}
Vehicle.No: {{bike.no}}
Service Insurance +
bike.ts
import { Component } from ‘@angular/core’;
import { IonicPage, NavController, NavParams, AlertController} from ‘ionic-angular’;
import { InsPage } from ‘…/ins/ins’;
import { SerPage } from ‘…/ser/ser’;
import { AddBikePage } from ‘…/add-bike/add-bike’;
import { AddSerPage } from ‘…/add-ser/add-ser’;
import { Data } from ‘…/…/providers/data/data’;
import { Storage } from ‘@ionic/storage’
/**
Generated class for the BikePage page.
See https://ionicframework.com/docs/components/#navigation for more info on
Ionic pages and navigation.
*/
@IonicPage()
@Component({
selector: ‘page-bike’,
templateUrl: ‘bike.html’,
})
export class BikePage {
constructor(public storage:Storage,public alertCtrl: AlertController,public navCtrl: NavController, public navParams: NavParams, public dataService: Data) {
}
public bikes = [];
ins(){
this.navCtrl.push(InsPage);
}
ser(){
// this.navCtrl.push(SerPage);
this.navCtrl.push(AddSerPage);
}
AddBike(){
this.storage.set(‘name’, ‘Anes’);
this.storage.set(‘age’, ‘52’);
let your = { “name”: “John”, “age”: 30, “car”: " " };
this.storage.set(‘my-json’, your);
console.log(this.storage.set(‘my-json’, your));
console.log(this.storage.set(‘age’, ‘52’));
this.navCtrl.push(AddBikePage);
}
ionViewDidLoad() {
this.dataService.getData().then((todos) => {
if(todos){
this.bikes = [todos];
}
});
}
// Deleting item
remove(no) {
(this.bikes).splice(no, 1);
window.localStorage.clear();
};
presentConfirm(){
let alert = this.alertCtrl.create({
// window.localStorage.getItem();
inputs: [
{
name: ‘Name’,
placeholder: ‘Name’,
value: ‘{{ service.city | json }}’,
},
{
name: ‘Bike Name’,
placeholder: ‘Bike Name’,
value: ‘{{ bike.bname | json }}’,
},
{
name: ‘Registration Number’,
placeholder: ‘Bike Registration Number’,
value: ‘{{ bike.no | json }}’,
},
],
subTitle: ‘Edit Quick Info’,
buttons: [‘Save’]
});
alert.present();
}
}
add-bike.html
Add Bike Name Bike Name Reg No
Add Todo
add-bike.ts
import { Component } from ‘@angular/core’;
import { IonicPage, NavController, NavParams, AlertController } from ‘ionic-angular’;
import { BikePage } from ‘…/bike/bike’;
import { Data } from ‘…/…/providers/data/data’;
import { Injectable } from ‘@angular/core’;
import { FormBuilder, FormGroup, Validators } from ‘@angular/forms’;
import { Storage } from ‘@ionic/storage’;
/**
Generated class for the AddBikePage page.
See https://ionicframework.com/docs/components/#navigation for more info on
Ionic pages and navigation.
*/
@IonicPage()
@Component({
selector: ‘page-add-bike’,
templateUrl: ‘add-bike.html’,
})
export class AddBikePage {
bike = {}
constructor(public storage: Storage,public alertCtrl: AlertController, public navCtrl: NavController, public navParams: NavParams, public dataService: Data) {
}
async showDetails() {
let name = await this.storage.get(‘name’);
let age = await this.storage.get(‘age’);
this.storage.get(‘my-json’).then((val) => {
console.log(‘Your Name is’,val.name);
console.log(‘Your Age is’, val.age);
console.log(‘Your Car is’, val.car);
});
if (name == ‘Anes’) {
alert(“Hi good”);
}
}
ionViewDidLoad() {
console.log(‘ionViewDidLoad PeoplePage’);
}
async ionViewDidEnter() {
await this.showDetails();
}
bikeCreate() {
let alert = this.alertCtrl.create({
subTitle: ‘Successfully Submitted!’,
buttons: [‘OK’]
});
alert.present();
this.dataService.save(this.bike);
this.navCtrl.push(BikePage);
}
}
