-<ng-container
- *ngFor="let val of getDisplayStrings(); let first = first">
- <ng-container *ngIf="joiner && !first">{{joiner}} </ng-container>
- <span [innerHTML]="val"></span>
+<ng-container *ngIf="routerLink">
+ <a [routerLink]="routerLink">
+ <ng-container
+ *ngFor="let val of getDisplayStrings(); let first = first">
+ <ng-container *ngIf="joiner && !first">{{joiner}} </ng-container>
+ <span [innerHTML]="val"></span>
+ </ng-container>
+ </a>
+</ng-container>
+
+<ng-container *ngIf="!routerLink">
+ <ng-container
+ *ngFor="let val of getDisplayStrings(); let first = first">
+ <ng-container *ngIf="joiner && !first">{{joiner}} </ng-container>
+ <span [innerHTML]="val"></span>
+ </ng-container>
</ng-container>
// If true, replace empty values with a non-collapsing space.
@Input() usePlaceholder: boolean;
+ // If provided, turn the display value into a link
+ @Input() routerLink: string;
+
constructor() {}
ngOnInit() {}
<div class="d-flex">
<div class="flex-1 font-weight-bold" i18n>Title:</div>
<div class="flex-3">
- <eg-bib-display-field [summary]="summary" field="title">
+ <eg-bib-display-field [summary]="summary" field="title"
+ routerLink="/staff/catalog/record/{{summary.id}}">
</eg-bib-display-field>
</div>
<div class="flex-1 font-weight-bold pl-1" i18n>Edition:</div>