<div id="app">

        <div>
            <div v-for="agenda in agendas" class="card grey darken-1">
                <div class="card-content white-text">
                    <span class="card-title" v-for="salasNome in agenda.numeroSala">{{ salasNome }}</span>

                    <p>
                        <button data-target="modal1"
                                :disabled="agenda.horarioSala.lenght === 0"
                                class="btn white black-text modal-trigger
                                    btnHorario waves-teal waves-effect waves-light "
                                v-for="tempo in agenda.horarioSala">{{ tempo }}</button>
                    </p>

                </div>
            </div>
        </div>

    </div>