Как добавить значение имени для элемента ввода

Question

Я зацикливаю данные, из данных, я добавляю значение имени в поле ввода, но не на все установленные.в чем здесь проблема?

Мой шаблон формы:

<form novalidate name="myForm">
  <div ng-show="myForm[addVas.name].$error.pattern">Error will come </div>
  <div class="form-group">
    <input type="text" [(ngModel)]="addVas.input" [attr.disabled]="addVas.disabled ? '' : null " name="{{addVas.name}}" ng-pattern="/^[0-9]/" (blur)="addAdnlVasAfterInput(addVas)" placeholder="Provide value of shipment"
      class="form-control">{{addVas.name}} <!--getting value here-->
  </div>
</form>

Я не получаю сообщение об ошибке, когда пользователь вводит вместо числа в чартеры.как решить эту проблему?

Теперь я обновил свое поле name до [name]="addVas.name", но я не подтверждаю отправленное имя, если только я не получаю сообщение об ошибке

Answer 1

Есть некоторые путаницы между версиями Angular.ng-show должно быть * ngIf или [скрыто] с обратной логикой, ng-pattern - это [pattern].[attr-disabled] может быть [отключен] и т. д. Шаблон / ^ [0-9] / не может содержать более 1 цифры, я не уверен, что это была ваша цель.Если вы используете свойство в качестве выражения шаблона, используйте [pattern] = "property":

Вот что я предлагаю:

     <form #myForm>
        <input type="text" [(ngModel)]="addVas.input" 
             [disabled]="addVas.disabled" [pattern]="addVas.pattern"
             [name]="addVas.name" #input="ngModel">
        <div *ngIf="input.errors && (input.dirty || input.touched)" >
            <div [hidden]="!input.errors.pattern">
                Should be a number
            </div>
        </div>
    </form>

Demo

Answer 2

Свойства не могут выполнять интерполяцию.Вам необходимо использовать привязку свойств для установки значений свойств.

Попробуйте это:

[name]="addVas.name"

вместо

name= "{{addVas.name}}"