javascript - 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"> block 内