Angular da if else kullanımı

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>

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir