從列表中選擇一個項目並編輯

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」