динамически скрывать элемент в 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="\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 - истина, он должен появиться, иначе он должен исчезнуть с элемента, что бы я ни упоминал в теге привязки. но всякий раз, когда я пробовал это, вся навигационная панель исчезала. Каково решение.

Answer 1

Вы используете 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>

Answer 2

попробуйте ng-hide="x" вместо [nghide]="x".