从列表中选择一个项目并编辑

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) < - 小写字母“C”