时间戳

首页 > 解决方案 > Angular ng-content 隐藏某些元素

javascript - Angular ng-content 隐藏某些元素

问题描述

我不知道这是否可能或曾经尝试过，但我希望能够拥有一个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>

然后在可打印组件中我可以隐藏这个组件以防止渲染？

标签： javascriptangular

解决方案

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

推荐阅读