How do i print form data in html file ionic angular 4


#1

.html

<form [formGroup]="verification" (ngSubmit)="verify()">
        <ion-list>
          <ion-item>
            <input type="text" placeholder="city" formControlName="todo" required/>
          </ion-item>
          <ion-item>
            <input type="text" placeholder="date" formControlName="todo1" required/>
          </ion-item>
          <ion-item>
            <input type="text" placeholder="price" formControlName="todo2" required/>
          </ion-item>
          <ion-item>
            <input type="text" placeholder="address" formControlName="todo3" required/>
          </ion-item>
        </ion-list>
        <button ion-button full type="submit" tappable type="submit">Next</button>
      </form> 



<ion-item-group *ngFor="let t of itemes">
      <ion-item>
         {{t.todo}}
      </ion-item>
    </ion-item-group>

.ts

verify() {
var item = this.storage.set(‘formdata’, this.verification.value);
}

//get data from storage//

ionViewDidLoad() {

var itemes = this.storage.get('formdata');
console.log('term',itemes);

}

//console output//

term 
t {__zone_symbol__state: null, __zone_symbol__value: Array(0)}
__zone_symbol__state
:
true
__zone_symbol__value
:
todo
:
"gf"
todo1
:
"dgdfg"
todo2
:
"dfg"
todo3
:
"dfg"
__proto__
:
Object
__proto__
:
Object

#2

please send your source code without node_modules. I will run and try to fix


#3

ok pls wait i will send


#4

#5

still issue in creation of apk

BUILD FAILED

Total time: 32.69 secs
(node:6169) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: /home/user/newapp/platforms/android/gradlew: Command failed with exit code 1 Error output:
FAILURE: Build failed with an exception.

* What went wrong:
A problem occurred configuring root project 'android'.
> The SDK directory '/home/github/Android/Sdk' does not exist.


#6

i dont want to build app…
i have fixed all the issues…only pblm i have is when i submit form it displays form data.Again when i submit form…data overwrites the previous one.


#7

naveesh,

build is for run it on my premise . Without run how i fix the issue. if not get solution i will reply you with 2 days if get solution … try it

Anes


#8

I successfully build your app. In which form (page) this problem occurs ?


#9

when u go to bike.html page at the bottom

<ion-fab class="plusbutton">
    <button (click)="AddBike()"  ion-fab>+</button>
  </ion-fab> 

on click that button it redirect to “AddBikePage”

the form in the “AddBikePage” when u click submit button it redirect to bike.html and displays data.
again when u submit it overwrites the previous data insted of creating new one.
i want to store data in ionic storage.

i will be online ask me if u have queries with my question