This commit is contained in:
parent
dbd70130b8
commit
34ae19e3fc
@ -6,8 +6,17 @@
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
<ion-content [fullscreen]="true">
|
||||
<ion-card class="welcome-card">
|
||||
|
||||
</ion-card>
|
||||
</ion-content>
|
||||
<ion-content>
|
||||
<ion-card class="welcome-card">
|
||||
<ion-card-content>
|
||||
<!-- Input with placeholder -->
|
||||
<ion-input [(ngModel)]="myinput" placeholder="Text for translation ... "></ion-input>
|
||||
<ion-button (click)="btnTranslateClicked()" expand="block">Translate</ion-button>
|
||||
</ion-card-content>
|
||||
</ion-card>
|
||||
<ion-card class="welcome-card">
|
||||
<ion-card-content>
|
||||
{{ myinput}} <ion-icon name="arrow-forward-outline"></ion-icon> Output
|
||||
</ion-card-content>
|
||||
</ion-card>
|
||||
</ion-content>
|
||||
|
@ -7,6 +7,13 @@ import { Component } from '@angular/core';
|
||||
})
|
||||
export class Tab1Page {
|
||||
|
||||
constructor() {}
|
||||
myinput:String
|
||||
constructor() {
|
||||
this.myinput = "Input ...";
|
||||
}
|
||||
|
||||
btnTranslateClicked()
|
||||
{
|
||||
console.log(this.myinput);
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user