2
Ich habe diese Demo-Karte aus Material Design, wie kann ich mehrere Datenkarten basierend auf dem Datenbankwert anzeigen.Datenkarten dynamisch laden basierend auf Dataabse-Wert in Angular2
Wenn der Wert in meiner Datenbank 4 ist, dann muss ich 4 Datenkarten in der Benutzeroberfläche anzeigen. Die Backend-Datenbank in meinem Fall ist MongoDB.
<!-- Square card -->
<style>
.demo-card-square.mdl-card {
width: 320px;
height: 320px;
}
.demo-card-square > .mdl-card__title {
color: #fff;
background:
url('../assets/demos/dog.png') bottom right 15% no-repeat #46B6AC;
}
</style>
<div class="demo-card-square mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand">
<h2 class="mdl-card__title-text">Update</h2>
</div>
<div class="mdl-card__supporting-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aenan convallis.
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
View Updates
</a>
</div>
</div>
danke für die Hilfe .. es funktioniert für mich jetzt. – user2180794