Angular 8中的条件语句

在Angular 8中，我们可以使用条件语句来根据特定条件执行代码块。常见的条件语句有if和switch。

If条件语句

if语句会根据特定条件执行代码块。其语法如下：

if (condition) {
  // do something
}

其中，condition是一个用于判断的表达式。如果表达式的结果为真，则执行do something代码块里的内容。

我们可以通过else关键字，指定在条件不成立时执行的代码块。例如：

if (condition) {
  // do something
}
else {
  // do something else
}

我们也可以通过else if关键字，将多个条件串联在一起。例如：

if (condition1) {
  // do something
}
else if (condition2) {
  // do something else
}
else {
  // do something different
}

在Angular 8中，我们可以通过模板语法来使用if条件语句。例如：

<ng-container *ngIf="condition">
  <!-- do something -->
</ng-container>

其中，*ngIf是Angular的指令，用于判断条件是否成立。如果条件成立，则显示<ng-container>内的内容；否则隐藏。

Switch条件语句

switch语句会根据不同的值来执行不同的代码块。其语法如下：

switch (value) {
  case expression1:
    // do something
    break;
  case expression2:
    // do something else
    break;
  default:
    // do something different
    break;
}

其中，value是要检查的值。如果value等于expression1，则执行第一个代码块；如果等于expression2，则执行第二个代码块；如果都不满足，则执行default代码块。每个代码块的最后，必须添加break语句，用于退出switch语句。

在Angular 8中，我们可以通过模板语法来使用switch条件语句。例如：

<ng-container [ngSwitch]="value">
  <div *ngSwitchCase="expression1">
    <!-- do something -->
  </div>
  <div *ngSwitchCase="expression2">
    <!-- do something else -->
  </div>
  <div *ngSwitchDefault>
    <!-- do something different -->
  </div>
</ng-container>

其中，[ngSwitch]用于指定要检查的值；*ngSwitchCase指定选择的expression；*ngSwitchDefault指定default代码块。

以上就是Angular 8中的条件语句。希望本文可以帮助到大家。