2017-01-05 7 views
-1

ユーザーがリスト内のアイテムの1つをクリックして選択すると、入力ボックスに表示され、アイテムを編集できるようにする簡単なアプリケーションを作成しようとしています。問題ありません< (click)に変更(Click)コードをコンパイルしてアプリがことを除いてもリストからアイテムを選択して編集する

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; 
    } 


} 

答えて

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

選択部doesntの仕事をレンダリングする - 私はそれが問題だったと思いカント小文字の「C」

+0

、それとにかく、私はコードをやり直して、やり直しました。ありがとう –

関連する問題