动态隐藏 html 中位于锚标记中的元素答案

【问题标题】：hiding an element in html dynamically which is in anchor tag动态隐藏 html 中位于锚标记中的元素
【发布时间】：2018-05-10 05:28:16
【问题描述】：

如何隐藏导航栏中锚标记内的元素？我已经尝试过ng-hide，但它不起作用。

    <nav class="navbar navbar-inverse text-" style="height: 60px;">
        <div class="container-fluid">

            <div class="collapse navbar-collapse" id="myNavbar">
                <img src="\assets\nextel.png">

                <a class="navbar-brand pull-right" [nghide]="x" [routerLink]="['login']" style=" margin-top: 32px;
                color: #000;"><span class="glyphicon glyphicon-log-in"></span>&nbsp;Login</a>

            </div>
        </div>
    </nav>

在这里我提到了[nghide]="x"，其中 x 为真，它必须出现，否则它必须消失我在锚标记中提到的元素。但每当我尝试这个时，总导航栏正在消失。解决方案是什么。

【问题讨论】：

如果您在这个项目中使用 AngularJS，请编辑问题并将其添加到问题标签中以获得更多帮助。
您可以编辑问题以使其更好地理解吗？
我编辑了我的问题

标签： html angular mean-stack

【解决方案1】：

尝试ng-hide="x" 而不是[nghide]="x"。

【讨论】：

【解决方案2】：

您使用的是 Angular 而不是 AngularJS。如果我是正确的，你需要使用*ngIflike

<a class="navbar-brand pull-right" *ngIf="x" [routerLink]="['login']" style=" margin-top: 32px;color: #000;"><span class="glyphicon glyphicon-log-in"></span>&nbsp;Login</a>

【讨论】：

感谢它的工作。但是每当我回到同一页面时，它必须出现，但它只是处于消失模式
@i.s.nraju 你是如何设置x 值的？您应该在 ngOnInit() 块中设置它以进行初始页面加载。
我采用了在点击事件发生时调用的单独方法
ngOnit() 有什么用，你能解释一下吗？