angular - 如果指令太高，请替换输入数字上的数字

Question

如果用户在当前年份之外输入年份，我希望在输入中替换数字。示例:用户输入 2020，我想要一个将 2020 替换为当前年份(2018)的指令。

我的 html 代码:

<ion-item>
  <ion-label>year</ion-label>
  <ion-input type="number" [(ngModel)]="libro.year" name="data"></ion-input>
</ion-item>

Answer 1

使用 指令 进行 DOM 操作。指令获取它“附加”到的 DOM 元素，并使用某种功能对其进行增强。
使用 Pipe 来操作数据。pipe 获取数据作为输入，对其进行转换并以另一种方式输出该数据。

所以这是 Pipe 的完美用例

<ion-item>
      <ion-label>Anno</ion-label>
      <ion-input type="number" [ngModel]="libro.year|replace" (ngModelChange)="setYear($event)" name="data"></ion-input>
    </ion-item>
</ion-content>

管道

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'replace'
})
export class ReplacePipe implements PipeTransform {

  transform(value: any): any {
      if(parseInt(value)>2018)
        return '2018';
         return value;
  }

}

page.ts

setYear(event)
{
  this.year.libro=event;
}

LIVEDEMO