@hicoder/angular-cli/templates/widgets/list-view/sld/sld.component.html

Angular UI componenets and service generator. It works with the mean-rest-express package to generate the end to end web application. The input to this generator is the Mongoose schema defined for the express application. mean-rest-express exposes the Res

<ngb-carousel *ngIf="list&&list.length>0" [pauseOnHover]="false" #carousel>
	<ng-template ngFor let-detail [ngForOf]="list" let-idx="index">
		<ng-template ngbSlide>
			<img src="{{detail[fields.picture]}}" alt="" class="slide-image">
			<div class="carousel-caption d-none d-md-block" [ngStyle]="style['caption']">
				<p *ngIf="detail[fields.title]" class="carousel-caption-h3 mb-4">{{detail[fields.title]}}</p>

				<p *ngIf="detail[fields.subtitle]" class="carousel-caption-h5">{{detail[fields.subtitle]}}</p>
				<p *ngIf="detail[fields.description]" class="carousel-caption-p">
					{{detail[fields.description]}}</p>
				<a type="button" *ngIf="detail[fields.linkURL]" href="{{[detail[fields.linkURL]]}}"
					class="btn btn-success btn-slide">
					{{ detail[fields.linkDisplay] || 'Learn more'}}
				</a>
			</div>
		</ng-template>
	</ng-template>
</ngb-carousel>
<div *ngIf="errMsg"><i style="color: red;">{{errMsg}}</i></div>