Угловые вкладки материала с нестандартными компонентами

Возможно, ваше удаленное репо находится в ветке, которую вы хотите нажать. Вы можете попробовать проверить другую ветку на удаленном компьютере. Я сделал это, но эти ошибки исчезли, и я добился успеха в своем удаленном репо. Обратите внимание, что я использую ssh для подключения моего собственного сервера вместо github.com.

0
задан Vladimir Moldovan 22 March 2019 в 15:14
поделиться

2 ответа

Вы можете использовать собственный Angle ngSwitch для добавления различных компонентов на каждую вкладку в соответствии с вашей бизнес-логикой, а затем оставить общие части вне ngSwitch. Нечто подобное:

<mat-tab-group>
    <mat-tab *ngFor="let tripOption of tripOptions">
        <ng-template mat-tab-label>
            <mat-icon class="svg-frq-light-blue new-trip-image" svgIcon="{{tripOption.name}}"></mat-icon>
        </ng-template>

        <h1>Common code</h1>
        <ng-container [ngSwitch]="tripOption.name">
            <app-brazil-trip *ngSwitchCase="'Brazil'"></app-brazil-trip>
            <app-indonesia-trip *ngSwitchCase="'Indonesia'"></app-indonesia-trip>
            <app-chile-trip *ngSwitchCase="'Chile'"></app-chile-trip>
            <span *ngSwitchDefault>Trip not found!</span>
        </ng-container>
    </mat-tab>
</mat-tab-group>
0
ответ дан Leonardo Schimpf 22 March 2019 в 15:14
поделиться

Используйте привязку innerHTML с некоторой логикой в ​​вашем компоненте.

Примерно так может работать:

<div [innerHTML]="myComponentStr(tripOption.id)"></div>

Дополнительная информация: https://alligator.io/angular/innerhtml-binding-angular/

0
ответ дан Dave 22 March 2019 в 15:14
поделиться
Другие вопросы по тегам:

Похожие вопросы: