Angular ng-content隐藏某些元素

Question

我不知道这是否可能，也不知道是否有人尝试过，但我希望能够有一个ng-content，然后它有一些逻辑来确定无法显示的元素。

所以基本上，我使用的是pdf，我有一个带有<printable>选择器的组件，它实际上只是一个ng-content和一些幕后的逻辑，用来从内容输入中取出pdf。

我在想，在某些情况下，其中的一些内容需要根据条件隐藏，但可能只为了打印而隐藏。

我不知道是否可以将属性添加到其中的元素中，并针对它们隐藏它们。

以下面的例子为例。

<printable>
    <table>
       <tr>
          <td>1</td>
          <td>John Doe</td>
          <td>£100.00</td>
       <tr>
       <tr [hidden]>
          <td>2</td>
          <td>Jane Doe</td>
          <td>£200.00</td>
       <tr>
    </table>
</printable>

那么，在可打印组件中，我可以隐藏该组件，使其不被呈现吗？

Answer 1

您可以在块中尝试<*ngIf="somecondition">

Answer 2

试试这个方法<tr *ngIf="yourConditionHere">

Answer 3

在component.ts中声明一个变量：

private isShow = true;

然后使用

*ngIf=!isShow=false; 

与按下按钮导出时要隐藏的div中的(onclick)相关联