Angular 7应用程序中，我想做一个if()条件来检查从parent传递过来的Input()值

在Angular 7应用程序中，您可以使用if条件来检查从父组件传递过来的Input()值。Input()是Angular中的一个装饰器，用于定义一个组件的输入属性。

首先，在子组件中，您需要使用@Input()装饰器来定义一个输入属性。例如，假设您的父组件将一个名为"inputValue"的值传递给子组件：

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `
    <div *ngIf="inputValue">
      <!-- 根据条件显示内容 -->
    </div>
  `
})
export class ChildComponent {
  @Input() inputValue: any;
}

在子组件的模板中，您可以使用*ngIf指令来根据条件显示内容。在这个例子中，如果"inputValue"有值，那么<div>元素将被显示出来。

然后，在父组件中，您可以将值传递给子组件的"inputValue"属性。例如：

<app-child [inputValue]="someValue"></app-child>

在这个例子中，"someValue"是父组件中的一个变量，您可以根据需要设置它的值。

这样，当父组件传递一个值给子组件时，子组件将根据条件显示相应的内容。

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

• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 人工智能机器学习平台（AI Lab）：https://cloud.tencent.com/product/ailab
• 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
• 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
• 对象存储（COS）：https://cloud.tencent.com/product/cos
• 区块链服务（TBC）：https://cloud.tencent.com/product/tbc
• 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse