Как я могу создать displayName, используя свойство bindable?

Question

Я хочу создать одно текстовое поле.здесь я использовал два текстовых поля, первое для firstName и второе для LatName.используя пользовательское текстовое поле, я хочу работать с обоими функциями текстового поля. Я хочу использовать оба текстовых поля для разных отображаемых имен, как я могу это сделать.Могу ли я добавить свойство displayName в пользовательский интерфейс со стороны textbox.html для изменения displayName для другого текстового поля.

Короче говоря, первая текстовая ошибка, как есть, но вторая ошибка текстового поля "FIrstName требуется" вместо "LastName требуется", я хочу.возможно ли это?

Я прикрепил короткий экран.

textbox.html

<input type="text" value.bind="myval & validate">

textbox.ts

export class textbox {

  @bindable displayName: string = 'firstName';
}
ValidationRules
  .ensure('myval').displayName('first Name')
  .required()
  .on(textbox);

app.html

<template>
<require from="./components/textbox"></require>

<textbox></textbox>
<textbox></textbox>
</template>

введите описание изображения здесь

Answer 1

Используйте средство доступа к отображаемому имени для проверки, например:

textbox.ts

ValidationRules
  .ensure('myval').displayName(t => t.displayName)
  .required()
  .on(textbox);

И установите отображаемое имя для каждого текстового поля:

app.html

<textbox display-name="First Name"></jtextbox>
<textbox display-name="Last Name"></jtextbox>