-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;
}
}
、それとにかく、私はコードをやり直して、やり直しました。ありがとう –