zoukankan      html  css  js  c++  java
  • angular 中*ngIf 和*ngSwitch判断语句

    <div style="text-align:center">
      <h1>
        Welcome to {{ title }}!
      </h1>
      <p *ngIf="true">show</p>
      <p *ngIf="isShow">hide</p>
      <p template="ngIf true">这是 ngIF 判断是否显示</p>
    
      <ul [ngSwitch]="status">
        <li *ngSwitchCase="1">已支付</li>
        <li *ngSwitchCase="2">订单已经确认</li> 
        <li *ngSwitchCase="3">已发货</li>
        <li *ngSwitchDefault>无效</li>
        </ul>
    </div>
    import { Component } from '@angular/core';
    
    @Component({
      selector: 'app-root',
      templateUrl: './app.component.html',
      styleUrls: ['./app.component.scss']
    })
    export class AppComponent {
      title = 'angulardemo';
      status='2';
      isShow=false;
    }

    效果:

  • 相关阅读:
    H
    饭卡(0 1背包)
    J
    H
    E
    3991: [SDOI2015]寻宝游戏
    CF 1051 F. The Shortest Statement
    CF 643 E. Bear and Destroying Subtrees
    4567: [Scoi2016]背单词
    4946: [Noi2017]蔬菜
  • 原文地址:https://www.cnblogs.com/loaderman/p/10894423.html
Copyright © 2011-2022 走看看