Angular + Ionic 4，如果observable为空，则显示"nothing here“

Angular是一个用于构建Web应用程序的开发平台，它使用TypeScript编写，并由Google开发和维护。Ionic 4是一个基于Angular的开源移动应用开发框架，它允许开发者使用Web技术（HTML、CSS和JavaScript/TypeScript）构建跨平台的移动应用程序。

在Angular + Ionic 4中，如果observable为空，则可以通过以下方式显示"nothing here"：

1. 在组件中定义一个变量，用于存储observable的值。

emptyMessage: string = "nothing here";

1. 在模板中使用Angular的*ngIf指令来判断observable是否为空，并显示相应的消息。

<div *ngIf="observable | async; else emptyState">
  <!-- 显示observable的内容 -->
</div>

<ng-template #emptyState>
  <p>{{ emptyMessage }}</p>
</ng-template>

在上述代码中，*ngIf指令会检查observable是否有值。如果observable有值，则显示observable的内容；如果observable为空，则显示定义的emptyState模板，其中包含了"nothing here"的消息。

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

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景。产品介绍链接
• 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。产品介绍链接
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。产品介绍链接
• 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括语音识别、图像识别、自然语言处理等。产品介绍链接
• 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助连接和管理物联网设备。产品介绍链接

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估。