通过ngModel传递插值

Question

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

我想使用ngModel传递步骤名（我可以使用插值在前端显示它）。

但是它不起作用。

Answer 1

由于步骤名​​已在用户界面中呈现，因此您可以像这样将其直接传递给ngModel-

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

（我猜是newVariablesAttribute。步骤是一些对象数组。）

Answer 2

找不到您的代码有任何问题。步骤可能未定义

组件

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