Angular 2 - 仅接受输入中的自然数

Question

我有一个商店组件,我需要禁止人们在我的输入中选择负数.

例如,如果用户在我的输入中键入-3,则输入值将以immadiately方式更改为0.

如何控制我的角度2输入OnChange值以将其设置回0它值为负？

尝试使用(ngModelChange)="myMethod($event)"并将参数设置为0,如果它是负数,但不起作用.

Answer 1

• 使用min和step防止微调器变为负片.(参考:这个SO回答)
• 使用ngModelChange来处理情况,用户试图在输入负数的情况.

@Component({
  selector: 'my-app',
  template: `{{title}}
    <p><input type="number" min="0" step="1" [ngModel]="model"
        (ngModelChange)="validate($event)">`,
})
export class AppComponent {
  title = `Angular - RC.1`;
  model = 3;
  validate(value)  {
    value < 0 ? this.model = 0 : this.model = value;
  }
}

Plunker