ion-input readonly code example

Example 1: ion input password

<ion-input formControlName="password" type="password"></ion-input>

Example 2: input output ionic

// 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'
  }
}

Tags:

Html Example