我想在文本框中自动添加短划线(-)。我如何在一个aurelia typescript应用程序中做到这一点？

import { BindingBehavior, ValueConverter, BindingEngine, inject } from 'aurelia-framework';

@inject(BindingEngine)
export class DashBindingBehavior implements BindingBehavior {
  constructor(private bindingEngine: BindingEngine) {}

  bind(binding: any, source: any): void {
    const inputElement = binding.target;
    inputElement.addEventListener('input', (event: Event) => {
      const inputValue = inputElement.value;
      const dashedValue = inputValue.split('').join('-');
      inputElement.value = dashedValue;
      event.stopPropagation();
    });
  }
}

import { Aurelia } from 'aurelia-framework';
import { DashBindingBehavior } from './dash-binding-behavior';

Aurelia
  .register(DashBindingBehavior)
  .start();

<input type="text" value.bind="myValue & dash">