Angular 来自父控制器的角度模型数据

我有一个控制器，在它的模板中，我将数据传递给子对象：

    <app-lexema-item [lexema]="lexema"></app-lexema-item>

及其模板：

<div class="container">
  <div class="row">
    <div class="col-xs-10">
      <p>
        <br/> {{ lexema.name }} ({{ lexema.type }})
      </p>
    </div>
  </div>
</div>

但它不起作用。我知道问题在于在名称字段中使用

lexema.name

，但我不知道如何处理它（我尝试了其他不同的情况

name=[（lexema.name）]

，

name=“[（lexema.name）]”

），但没有成功

---

有什么很好的解决方案吗？

首先，您将得到一个未定义元素的错误，因为输入绑定将在标记初始化之后进行。因此，首先，我们需要确保如果分配了输入，我们的元素将是可见的

如果要绑定到

名称

属性

<input type="text" ngModel name="{{ lexema?.name }}">

---

首先，您将得到一个未定义元素的错误，因为输入绑定将在标记初始化之后进行。因此，首先，我们需要确保如果分配了输入，我们的元素将是可见的

如果要绑定到

名称

属性

<input type="text" ngModel name="{{ lexema?.name }}">

您应该使用

[（ngModel）]

而不是

name=[（lexema.name）]

。提示：如果您在控制台中遇到未定义的错误，请将

[（ngModel）]=“lexema.name”

更改为

[（ngModel）]=“lexema？.name”

更改此项：

 <input type="text" ngModel name="lexema.name">

有关更多信息，请阅读有关的官方文档。

您应该使用

[（ngModel）]

而不是

name=[（lexema.name）]

。提示：如果您在控制台中遇到未定义的错误，请将

[（ngModel）]=“lexema.name”

更改为

[（ngModel）]=“lexema？.name”

更改此项：

 <input type="text" ngModel name="lexema.name">

---

有关更多信息，请阅读官方的angular文档。

控制台中有错误吗？控制台中没有错误吗？控制台中没有错误吗？

ngModel name=“{{lexema？.name}}”

-已编译但不起作用<代码>有编译错误（

模板解析错误：解析器错误：在ng:///AppModule/LexemaItemComponent中[lexema？.name=$event]第14列的赋值中不能使用“？.”运算符。html@4：29（“][（ngModel）]=”lexema？.name“name=”name“>

）使用

模板解析错误对其进行更改：无法绑定到“ngModel”，因为它不是“input”的已知属性。（“][（ngModel）]=“lexema.name”>
……

导入模块中的FormsModule

ngModel name=“{{lexema？.name}”

-已编译但不工作。

有一个编译错误（

模板解析错误：解析器错误：在ng:///AppModule/LexeMateComponent中[lexema？.name=$event]第14列的赋值中不能使用“？.”运算符。html@4：29（“][（ngModel）]=”lexema？.name“name=”name“>

）使用

模板解析错误对其进行更改：无法绑定到'ngModel'，因为它不是'input'的已知属性。（“][（ngModel）]=”lexema.name“>
……

导入模块中的FormsModule

模板解析错误：无法绑定到'ngModel'，因为它不是'input'的已知属性(“][（ngModel）]=”lexema.name“name=”name“>

将表单模块导入app.module.ts

模板解析错误：无法绑定到“ngModel”，因为它不是“input”的已知属性。“][（ngModel）]=”lexema.name“name=”name>

将表单模块导入app.module.ts

 <input type="text" ngModel name="lexema.name">

 <input type="text" [(ngModel)]="lexema.name" name="name">

import { FormsModule } from '@angular/forms';