如何在另一个组件中显示/隐藏链接?

开V

app.component在 Angular 中有以下主要组件的结构

<div class="links">
    <div class="link_1"></div>
    <div class="link_2"></div>
</div>
<router-outlet></router-outlet>

所以在<router-outlet></router-outlet>不同的组件中被替换。

<div class="link_1"></div>如果内部有组件<router-outlet></router-outlet>作为实例如何隐藏EventComponent

以及如何显示<div class="link_2"></div>它是否是另一个组件,无论是哪个。我想知道如何显示/隐藏上面的菜单元素取决于下面的当前组件。

我不想在每个组件中创建变量 public show = true;

废弃的

尝试将路由器与路由器插座一起包含在您的组件中,并查找与所选链接对应的路径,例如

constructor(private _router: Router ) {}

get currentUrl() { return this._router.url; }

然后在你的模板中

<div *ngIf="currentUrl !== 'someUrl'" class="link_1"></div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

单击另一个组件中的按钮时,如何显示/隐藏React组件?

来自分类Dev

如何在另一个HTML页面中显示/隐藏div

来自分类Dev

如何隐藏组件反应并显示另一个组件?

来自分类Dev

如何在 Angular 8 的另一个组件中显示提交的表单?

来自分类Dev

在ReactJS中,如何在另一个组件中渲染一个组件?

来自分类Dev

如何在React中从另一个组件设置一个组件的状态

来自分类Dev

如果按下另一个组件中的链接,如何更新组件中的列表?

来自分类Dev

菜单链接显示/隐藏另一个div中的内容

来自分类Dev

如何隐藏表单提交中的一个div并显示另一个div?

来自分类Dev

如何在另一个类的红宝石中隐藏一个类

来自分类Dev

如何在Vue js中根据另一个div中单击的内容显示和隐藏div?

来自分类Dev

显示/隐藏链接在另一个链接上以及div之外的链接

来自分类Dev

如何在Angular中的另一个动态加载的组件内渲染组件?

来自分类Dev

React – 如何在另一个已安装的组件中渲染附加组件?

来自分类Dev

如何动态地在另一个组件中显示一个组件 Angular2

来自分类Dev

redux-form:如何在另一个组件上显示表单值

来自分类Dev

在Vue JS中单击按钮后,如何隐藏警报并显示另一个警报?

来自分类Dev

如何在React Native中从另一个功能组件更改一个功能组件的状态?

来自分类Dev

在 Vue 上,如何在另一个组件中使用一个组件中的函数?

来自分类Dev

如何在Java中的另一个JPanel中获取JPanel的组件

来自分类Dev

如何在React组件中的另一个函数中访问useEffect的异步数据

来自分类Dev

如何在Vue中的另一个组件中传递道具以形成表单

来自分类Dev

如何在另一个组件上叠加一个组件

来自分类Dev

如何在ReactJs中重定向到另一个类组件/页面

来自分类Dev

如何在Reactjs中从另一个组件触发状态

来自分类Dev

如何在reactjs的另一个应用程序中创建可重用组件?

来自分类Dev

我如何在React Native中从另一个组件调用函数?

来自分类Dev

如何在React Native中导航到类组件中的另一个屏幕

来自分类Dev

如何在React Native中导航到类组件中的另一个屏幕

Related 相关文章

  1. 1

    单击另一个组件中的按钮时,如何显示/隐藏React组件?

  2. 2

    如何在另一个HTML页面中显示/隐藏div

  3. 3

    如何隐藏组件反应并显示另一个组件?

  4. 4

    如何在 Angular 8 的另一个组件中显示提交的表单?

  5. 5

    在ReactJS中,如何在另一个组件中渲染一个组件?

  6. 6

    如何在React中从另一个组件设置一个组件的状态

  7. 7

    如果按下另一个组件中的链接,如何更新组件中的列表?

  8. 8

    菜单链接显示/隐藏另一个div中的内容

  9. 9

    如何隐藏表单提交中的一个div并显示另一个div?

  10. 10

    如何在另一个类的红宝石中隐藏一个类

  11. 11

    如何在Vue js中根据另一个div中单击的内容显示和隐藏div?

  12. 12

    显示/隐藏链接在另一个链接上以及div之外的链接

  13. 13

    如何在Angular中的另一个动态加载的组件内渲染组件?

  14. 14

    React – 如何在另一个已安装的组件中渲染附加组件?

  15. 15

    如何动态地在另一个组件中显示一个组件 Angular2

  16. 16

    redux-form:如何在另一个组件上显示表单值

  17. 17

    在Vue JS中单击按钮后,如何隐藏警报并显示另一个警报?

  18. 18

    如何在React Native中从另一个功能组件更改一个功能组件的状态?

  19. 19

    在 Vue 上,如何在另一个组件中使用一个组件中的函数?

  20. 20

    如何在Java中的另一个JPanel中获取JPanel的组件

  21. 21

    如何在React组件中的另一个函数中访问useEffect的异步数据

  22. 22

    如何在Vue中的另一个组件中传递道具以形成表单

  23. 23

    如何在另一个组件上叠加一个组件

  24. 24

    如何在ReactJs中重定向到另一个类组件/页面

  25. 25

    如何在Reactjs中从另一个组件触发状态

  26. 26

    如何在reactjs的另一个应用程序中创建可重用组件?

  27. 27

    我如何在React Native中从另一个组件调用函数?

  28. 28

    如何在React Native中导航到类组件中的另一个屏幕

  29. 29

    如何在React Native中导航到类组件中的另一个屏幕

热门标签

归档