在锚标记中的 HTML 中动态隐藏元素

Question

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

<nav class="navbar navbar-inverse text-" style="height: 60px;">
<div class="container-fluid">
<div class="collapse navbar-collapse" id="myNavbar">
<img src="assetsnextel.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 为真，它必须出现，否则它必须消失我在锚标签中提到的元素。 但是每当我尝试这样做时，总导航栏都会消失。解决方案是什么。

Answer 1

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

Answer 2

您使用的是 Angular 而不是 AngularJS。如果我是对的，你需要使用*ngIf像

<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>