ionic 4 inputs

input ionic

<!-- Default Input -->
<ion-input></ion-input>

<!-- Input with value -->
<ion-input value="custom"></ion-input>

<!-- Input with placeholder -->
<ion-input placeholder="Enter Input"></ion-input>

<!-- Input with clear button when there is a value -->
<ion-input clearInput value="clear me"></ion-input>

<!-- Number type input -->
<ion-input type="number" value="333"></ion-input>

<!-- Disabled input -->
<ion-input value="Disabled" disabled></ion-input>

<!-- Readonly input -->
<ion-input value="Readonly" readonly></ion-input>

<!-- Inputs with labels -->
<ion-item>
  <ion-label>Default Label</ion-label>
  <ion-input></ion-input>
</ion-item>

<ion-item>
  <ion-label position="floating">Floating Label</ion-label>
  <ion-input></ion-input>
</ion-item>

<ion-item>
  <ion-label position="fixed">Fixed Label</ion-label>
  <ion-input></ion-input>
</ion-item>

<ion-item>
  <ion-label position="stacked">Stacked Label</ion-label>
  <ion-input></ion-input>
</ion-item>

Posted by: Guest on June-10-2020

// In child.ts import {Output, EventEmitter} from '@angular/core'; export class ChildComponent { ... @Output() typeChanged = new EventEmitter<string>(); type = "got"; emit() { this.typeChanged.emit(this.type); } } // parent.html <div> <component (typeChanged)="onTypeEmitted($event)"></component> <div> // In parent.ts export class ParentComponent { ... onTypeEmitted(type: string) { // do something with 'type' } }

Code answers related to "ionic 4 inputs"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "ionic 4 inputs"

Code answers related to "ionic 4 inputs"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us