Как фильтровать пользовательский ввод в угловой? ⇐ Javascript

[Anonymous]

Я хочу отфильтровать пользовательский ввод, когда они вводят ввод текста HTML.

Код: Выделить всё

Tracking Number:




const input = document.getElementById('tracking');

input.addEventListener('input', () => {
console.log('input fired');

// Remove non-alphanumeric chars and force uppercase
input.value = input.value.replace(/[^a-zA-Z0-9]/g, '').toUpperCase();
});

На изображении выше, я печатаю a, b, +, - (Filement filement wable a want). (Натив)

Код: Выделить всё

@Component({
selector: 'app-root',
template: `

Tracking Number:


`,
imports: [FormsModule],
})
export class App {
trackingNumber = '';

onTrackingChange(value: string) {
console.log('input fired');

// Remove non-alphanumeric characters and force uppercase
this.trackingNumber = value.replace(/[^a-zA-Z0-9]/g, '').toUpperCase();
}
}

На изображении выше, я набираю a, b, +, - (Filmenting не работает так, как я хочу). Demo Stackblitz: ввод пользователя фильтровать (Angular)
Насколько мое угловое знание идет, это происходит, когда текущее значение Ngmodel такое же, как и новое/отфильтрованное значение, поэтому угловой не запускает это поведение в поведении в угловой? Изменение?

Подробнее здесь: https://stackoverflow.com/questions/796 ... in-angular