<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!
new Vue(
to export default {
? project structure is index.html, main.js (which renders App) and App.vue (contains the code in the example URL)