Передача значения интерполяции через ngModel

Question

<input [(ngModel)]="newVariablesAttribute.Steps" 
class="form-control" 
type="text" readonly 
name="{{newVariablesAttribute.Steps}}">
{{stepname}}

Я хочу передать stepname (который я могу показать во внешнем интерфейсе, используя интерполяцию), используя ngModel.

Но это не работает.

Answer 1

Не нашли проблем с вашим кодом. Шаги могут быть не определены

Компонент

export class SomeComponent {
newVariablesAttribute = {
    Steps: 'step'
  };

  stepname = 'abc';
}

HTML:

<input [(ngModel)]="newVariablesAttribute.Steps" class="form-control" type="text" readonly name="{{newVariablesAttribute.Steps}}">{{stepname}}

O / P

Answer 2

Поскольку stepname визуализируется в пользовательском интерфейсе, вы можете передать его в ngModel, как показано ниже:

<input [(ngModel)]="stepname" 
        class="form-control" 
        type="text" readonly 
        name="{{newVariablesAttribute.Steps}}">
{{stepname}}

(я думаю, newVariablesAttribute.Steps - это некоторый массив объектов.)