Angular da kod yazanlar else if bloglarını kullanma ihtiyacı bi hayli duyacaklar bunun için sizlere ufak bir örnek gösyereceğim
export class musteri
{
id:number
name:string
surname:string
yas:string
}
Bu classı şimdi işleyelim
import { Component, OnInit } from '@angular/core';
import { musteri } from 'src/app/musteri/musteri';
@Component({
selector: 'app-musteri',
templateUrl: './musteri.component.html',
styleUrls: ['./musteri.component.css']
})
export class MusteriComponent implements OnInit {
constructor() { }
musteri:musteri[]=[];
selectesd:musteri;
//load calışacak bölüm ngOninit
ngOnInit() {
this.musteri=[
{id:1,name:"hasan",surname:"aylas",yas:"asda"},
{id:2,name:"aa",surname:"aylas",yas:"asda"},
{id:3,name:"asd",surname:"aylas",yas:"asda"}
]
}
selectes(mudteri:musteri){
this.selectesd=mudteri;
}
}
Şimdide ön yüzde işleyelim
<ul>
<li *ngFor="let item of musteri" (click)="selectes(item)">
<strong *ngIf="item.id>2"> {{item.name}} </strong>
</li>
<strong *ngIf= "selectesd; else esl"> {{selectesd.name}} sectiniz</strong>
<ng-template #esl>
bişe secmedin
</ng-template>
</ul>