ng 循环数据

显示数据的索引值

    在ts中

      public list:any[]=[

        {title:"新闻1",},{title:"新闻2"},{title:"新闻3"}

      ]


    在html中

      

        

未显示索引

        

{{item.title}}

        

显示索引

        

{{key}}--{{item.title}}

      

  2.ngIf条件判断

eg1: 在ts中 public flag:boolean=false;

   在HTML中

        

ngIf条件判断

        

          

        

        

          

        

      

eg2:

    在ts中

      public list:any[]=[

        {title:"新闻1",},{title:"新闻2"},{title:"新闻3"}

      ]


    在html中

      

        

未显示索引

        

{{item.title}}

        

显示索引

        

          {{key}}--{{item.title}}

          {{key}}--{{item.title}}

        

      


ngSwitch

 eg:在ts中

public orderStatus:number = 1;

    //1-已支付 2-支付确认 3-已发货 4-收货 5-无效

   在HTML中

      

         已支付

      

      

        支付确认

      

      

        已发货

      

      

        收货

      

      

        无效

      

    

你可能感兴趣的:(ng 循环数据)