У меня есть приложение angular 8.
И я хочу скрыть компонент, когда выбрано редактирование. Конечно, я знаю, когда срабатывает кнопка. Вы можете сделать это с помощью ngIf. Но теперь вы go переходите на страницу редактирования со ссылкой на маршрутизатор.
Итак, это изменение в шаблоне view.component:
<span>
<a mat-icon-button [routerLink]="['../', dossier.id, 'item', itemDossier.id]" routerLinkActive="active-link"
[routerLinkActiveOptions]="{exact:true}"
i18n-title title="Edit">
<mat-icon>edit</mat-icon>
</a>
</span>
Так что, если вы выберете изменение, то view.component должен быть скрыт.
Но как это сделать?
Спасибо
Я пытался так:
public router: Router
<div *ngIf="router !=''../', dossier.id, 'item', itemDossier.id'">
<app-view></app-view>
</div>
Но я получаю ошибку разбора:
Parser Error: Unexpected token ., expected identifier or keyword at column 13 in [router !=''../', dossier.id, 'item', itemDossier.id'] in c:/source/nien/kenjezelf/frontend-coach/src/app/dossier/components/view/view.component.html@1:5ng
view.component выглядит следующим образом:
<app-dossier-personal-data> </app-dossier-personal-data>
<span>
<a mat-icon-button [routerLink]="['../', dossier.id, 'item',
itemDossier.id]" routerLinkActive="active-link"
[routerLinkActiveOptions]="{exact:true}"
i18n-title title="Edit">
<mat-icon>edit</mat-icon>
</a>
</span>
и поэтому, если выбрана кнопка редактирования, то должно быть показано только это:
<app-dossier-personal-data> </app-dossier-personal-data>
Поэтому я пытаюсь сделать это так:
<div *ngIf="router.url === '../+[dossier.id]+[item]+[itemDossier.id]'">
..What I have to fill in here?
</div>