Запитання з тегом «angular-template»

16
Як використовувати * ngIf else?
Я використовую Angular і хочу використовувати *ngIf else(доступний з версії 4) у цьому прикладі: <div *ngIf="isValid"> content here ... </div> <div *ngIf="!isValid"> other content here... </div> Як я можу отримати таку саму поведінку ngIf else?


18
Кутовий: умовний клас з * ngClass
Що не так з моїм кутовим кодом? Я отримую: Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li> <li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li> </ol>

3
Динамічні вкладки з обраними компонентами клацніть користувачем
Я намагаюся налаштувати систему вкладок, яка дозволяє компонентам зареєструватися самостійно (з заголовком). Перша вкладка подібна до папки "Вхідні". Є багато дій / елементів посилань, які можна вибрати для користувачів, і кожен з цих кліків повинен мати можливість інстанціювати новий компонент при натисканні. Дії / посилання надходять від JSON. Потім створений …

4
Динамічна посилальна змінна шаблону всередині ngFor (Angular 9)
Як оголосити динамічну посилальну змінну шаблону всередині ngForелемента? Я хочу використовувати компонент popover з ng-bootstrap, код popover (з прив'язкою Html) такий: <ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="popContent" popoverTitle="Fancy content"> I've got markup and bindings in my popover! </button> Як я можу загорнути ці елементи всередину ngFor? <div *ngFor="let …


6
Як і де використовувати :: ng-deep?
Я новачок у Angular 4, тож хтось може пояснити, як і де використовувати ::ng-deepв Angular 4? Насправді я хочу переписати деякі властивості CSS дочірніх компонентів з батьківських компонентів. Більше того, чи підтримується це на IE11?
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.