如何在Angular 6中根据条件显示/隐藏li标签

在Angular 6中，可以使用条件语句来根据条件显示/隐藏li标签。以下是一种常见的实现方式：

1. 在组件的HTML模板中，使用ngIf指令来根据条件判断是否显示li标签。ngIf指令会根据条件的真假来添加或移除li标签。

<ul>
  <li *ngIf="condition">显示的内容</li>
</ul>

1. 在组件的Typescript代码中，定义一个布尔类型的变量来表示条件。根据条件的不同，修改该变量的值，从而控制li标签的显示与隐藏。

export class MyComponent {
  condition: boolean = true; // 默认显示li标签

  toggleLi() {
    this.condition = !this.condition; // 切换条件的真假值
  }
}

在上述代码中，通过toggleLi()方法可以切换条件的真假值，从而实现动态显示/隐藏li标签。

1. 可以根据具体的需求，将条件设置为任意的表达式。例如，可以根据某个变量的值、函数的返回结果等来决定是否显示li标签。

<ul>
  <li *ngIf="variable === 'value'">显示的内容</li>
  <li *ngIf="isFunctionTrue()">显示的内容</li>
</ul>

在上述代码中，variable是一个变量，isFunctionTrue()是一个返回布尔值的函数。

总结： 在Angular 6中，可以使用ngIf指令和条件语句来根据条件显示/隐藏li标签。通过在组件的HTML模板中使用ngIf指令，并在组件的Typescript代码中定义条件变量或条件表达式，可以实现动态控制li标签的显示与隐藏。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 视频处理（VOD）：https://cloud.tencent.com/product/vod
• 移动推送（TPNS）：https://cloud.tencent.com/product/tpns