cara menulis pernyataan bersyarat di dalam template html ionic

Saya sedang memindahkan aplikasi saya dari jquery ke ionic framework. Di jquery, saya menulis kode javascript untuk menggabungkan tag html secara manual. Menempelkan sebagian yang sama dari kode jquery

  for ( count = start - 1; count < end ; count ++ )
            {
                if (tranList[count].tranType == "R" )
                    tranType = "Redeem" ;
                else 
                    tranType = "Earn";

                text += "<tr> <td>"+ tranType +  "</td>" ;

Di Ionic, saya mencoba menulis kode yang sama menggunakan daftar ionik Di bawah ini adalah template html saya

 <ion-list>
    <ion-item *ngFor="let tran of transactions">
     <p> {{tran.pointsEarned}} </p> 
    </ion-item>
  </ion-list>

Di samping pointsEarned, saya perlu mencetak poin yang ditukarkan atau diperoleh mirip dengan kode jquery. Bagaimana saya mencapai ini?

sebaferreras
Pertanyaan edit 23 September 2018 в 5:11
Pemrograman
angular ionic-framework ionic2 typescript ionic3
9 April 2017 в 5:49
Belum ada tampilan

Cara lain untuk menangani templat bersyarat adalah dengan menggunakan *ngIf
jika ekspresi tran.tranType adalah ' R', maka template sebaris akan ditampilkan, yaitu Anda telah menebus (nilai ekspresi tran.pointsRedeemed) poin.




      <p *ngIf=" tran.tranType == 'R'" > You have redeemed  {{tran.pointsRedeemed}} points.  </p>
      <p *ngIf=" tran.tranType == 'E'" > You have earned  {{tran.pointsEarned}} points.  </p>
Komentar (0)

Saya tidak yakin apa sebenarnya pertanyaannya, tetapi Anda dapat menulis pernyataan bersyarat seperti ini:



     <p> {{tran.pointsEarned}} {{ tran.tranType === 'R' ? 'Redeem' : 'Earn' }}</p>

Ada banyak cara untuk melakukannya, tetapi saya kira operator terner adalah yang paling mudah dan bersih.

Komentar (0)

Saya tidak yakin apakah kita berada di halaman yang sama, tetapi ini adalah cara lain untuk pernyataan jika...lain:

  <div *ngIf = "tran.tranType == 'R'; else elsetag">
    Redeem
  </div>

  <div>
    Earn
  </div>
Komentar (0)