Question

我试图创建一个简单的应用程序，让用户点击并选择列表中的一个项目，然后将出现在输入框中，从而让用户编辑项目。没有问题编译代码和应用程序呈现良好，除了选择部分不起作用

    import { Component } from '@angular/core';

@Component({
    selector: 'comb',
    template: `
  <div style="margin-left:1%;">
    <ul class="list-group">
      <li *ngFor="let CombtItem of CombtItems" (Click)="onItemClicked(CombtItem)"   class="list-group-item">{{CombtItem.nombre}}</li>
    </ul>
    <label for="Combt"> Item: </label>
    <input type="text" class="form-control" id="Combt" [(ngModel)]="SelectedItem.nombre"  #CombtItem>
  </div>
    `
})
export class CombComponent {
  public CombtItems=[
    {nombre:"Test1"},
    {nombre:"Test2"},
    {nombre:"Test3"},
  ];

  public SelectedItem = {nombre:""};

  onItemClicked(CombtItem) {
    this.SelectedItem = CombtItem;
  }


}

Answer 1

<li *ngFor="let CombtItem of CombtItems" (Click)="onItemClicked(CombtItem)"   class="list-group-item">{{CombtItem.nombre}}</li>

将(Click)更改为(click)＆lt; - 小写'c'

从列表中选择一个项目并修改

1 个答案: