<template id="main">
<v-ons-page>
<v-ons-toolbar>
<div class="center">Card</div>
<div class="right"><button @click="addToList()">click</button></div>
</v-ons-toolbar>
<div v-for="item in items">
<v-ons-card>
<img src="https://monaca.io/img/logos/download_image_onsenui_01.png" alt="Onsen UI" style="width: 100%">
<div class="title">
Awesome framework
</div>
<div class="content">
<div>
<v-ons-button><v-ons-icon icon="ion-thumbsup"></v-ons-icon></v-ons-button>
<v-ons-button><v-ons-icon icon="ion-share"></v-ons-icon></v-ons-button>
</div>
<v-ons-list>
<v-ons-list-header>Bindings</v-ons-list-header>
<v-ons-list-item>Vue</v-ons-list-item>
<v-ons-list-item>Angular</v-ons-list-item>
<v-ons-list-item>React</v-ons-list-item>
</v-ons-list>
</div>
</v-ons-card>
</div>
</v-ons-page>
</template>
<div id="app"></div>
<script>
new Vue({
data: {
items: ['item1', 'item2']
},
el: '#app',
template: '#main',
methods: {
addToList: function() {
this.items.push('item3');
}
}
});
</script>
onsenui@2.9.3
<ons-carousel-item *ngFor="let degree of degrees$;index as i ; " id ={{i}}>
<div>
<ons-card style="display:block;">
<form #degreeCertForm{{i}}>
<ons-list>
<ons-list-header> {{qualificationById[degree.qual_id]}} - {{specializationById[degree.spec_id]}} </ons-list-header>
<ons-list-item>
<div class="left">
<ons-icon icon="ion-university"></ons-icon>
</div>
<div class="center">
</div>
<div class="right">
<ons-button (click)="getDegreeCert()" modifier="quiet" > Upload </ons-button>
</div>
</ons-list-item>
<ons-list-item style="display: none;" >
<div class="center">
<div class="doc-preview-container">
<img src="" class="doc-preview" >
</div>
</div>
<div class="left">
</div>
</ons-list-item>
</ons-list>
<div class="center">
<input type="file" id="degreCert" accept="image/*" style="display:none;" (change)="onDegreeCertificateInput($event)" #Input{{'qual_' + degree.qual_id + '_spec' + degree.spec_id}} >
</div>
<div >
<p class="doc-helper-text" > Upload your degree certificate </p>
</div>
</form>
</ons-card>
</div>
</ons-carousel-item>
ons.notification.alert({
title: 'Error al iniciar sesión',
message: 'Parece que alguno de los datos son incorrectos.',
buttonLabels: 'Aceptar',
callback: function (answer) {
}
});
We switched our community chat service from Gitter to Discord because of the usability.
Please use the link below to signup for your account.
See you there!