0
ここにはブートストラップパネルがあります。ユーザーがアイコンをクリックすると、非表示の部分は表示されなくなりますが、クリックすると表示されている部分だけを非表示にする必要があります。角度イベントバインディング
@Component({
template: `
<div class="panel panel-default">
<div class="panel-heading" *ngFor="let fizz of fizzes">
<div class="row">
<div class="col-md-2">
<i class="glyphicon {{ fizz.iconClass }}"></i>
</div>
<div class="col-md-8">
{{ fizz.heading }}
</div>
<div class="col-md-2">
<i class="glyphicon glyphicon-menu-down clickable" (click)="onClick()"></i>
</div>
</div>
</div>
<div class="panel-body" [hidden]="!clicked">
{{ fizz.content }}
</div>
</div>
`
})
export class FizzComponent {
fizzes: object[];
clicked = false;
onClick(event: any) {
this.clicked = !this.clicked;
}
}
私はすべてのアクションを独自に定義することで達成できましたが、もっと一般的なやり方でどのように行うのですか?あなたは一般的な、再利用可能な解決策を探している場合は、単に..
<i class="glyphicon glyphicon-menu-down clickable" (click)="onClick($event)"></i>
そして
onClick(event: any) {
event.target.clicked = !event.target.clicked;
}
しかし、運のない
それはあなたが求めているかを理解するためにこの種のことは困難です。あなたはデモンストレーションするためにプランカを作成できますか?または、画像を追加してその動作を表示しますか? – Askanison4
はクリックイベントです。コンソールログで確認しました – CharanRoot
@Jonnysa - そうです。間違いなくチェックされているのは –