src/app/manage-learn/shared/components/metadata-details/metadata-details.component.ts
OnInit
selector | app-metadata-details |
styleUrls | ./metadata-details.component.scss |
templateUrl | ./metadata-details.component.html |
Methods |
Inputs |
constructor()
|
data | |
Type : any
|
|
ngOnInit |
ngOnInit()
|
Returns :
void
|
import { Component, OnInit,Input } from '@angular/core';
@Component({
selector: 'app-metadata-details',
templateUrl: './metadata-details.component.html',
styleUrls: ['./metadata-details.component.scss'],
})
export class MetadataDetailsComponent implements OnInit {
@Input() data;
constructor() { }
ngOnInit() {}
}
<ion-card class="sb-dt-card">
<ion-card-header class="flex-dc d-flex flex-basis-1">
<div class="d-flex flex-ai-center flex-jc-space-between">
<div class="w-70">
<ion-card-title>{{data?.title}}</ion-card-title>
<ion-card-subtitle>{{data?.subTitle | titlecase}}</ion-card-subtitle>
</div>
<div> <ng-content select="[certificate]"></ng-content> </div>
</div>
</ion-card-header>
<ion-card-content class="sb-content-info">
<ng-content></ng-content>
</ion-card-content>
</ion-card>
./metadata-details.component.scss