File
|
carouselImage
|
Type : []
|
Default value : [
{
imageSrc:
'https://allo-tpe.fr/wp-content/uploads/2019/07/solution-cashless.jpg',
imageAlt: 'Image 3',
},
]
|
|
|
import { Component } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MatCardModule } from '@angular/material/card';
import { CarouselComponent } from '../shared/carousel/carousel.component';
@Component({
selector: 'bgui-compte-associe',
standalone: true,
imports: [MatCardModule, MatButtonModule, CarouselComponent],
templateUrl: './compte-associe.component.html',
styleUrl: './compte-associe.component.scss',
})
export class CompteAssocieComponent {
carouselImage = [
{
imageSrc:
'https://allo-tpe.fr/wp-content/uploads/2019/07/solution-cashless.jpg',
imageAlt: 'Image 3',
},
];
}
<p>compte-associe works!</p>
<div>
<mat-card>
<mat-card-header>
<mat-card-title>Actions Buttons</mat-card-title>
<mat-card-subtitle>Start</mat-card-subtitle>
</mat-card-header>
<mat-card-actions>
<button mat-button>LIKE</button>
<button mat-button>SHARE</button>
</mat-card-actions>
</mat-card>
<button class="btn btn-danger">Sucess</button>
</div>
Legend
Html element with directive