Блог

я использовал materialize-calendar для добавления в полный календарь следующим образом. я жестко запрограммировал данные в скрипте ввода и могу добавлять события

 <div class="card-content">
<materialize-calendar initial-view.bind="'dayGridMonth'" events.bind="events" ></materialize-calendar>
</div>
export class Calendar extends Component {
events = [{
        id: 'a',
        title: 'my event',
        start: '2020-09-14',
        allDay: true
    }]; }
  

вышеуказанное добавит мои события при загрузке страницы. я пытаюсь добавить модальный скрипт, который при нажатии кнопки отправки должен добавлять событие из этой формы. Но я не уверен, как привязать HTML к событиям

это то, что у меня есть

 <i class="material-icons" click.delegate="openaddEventModal()">add_circle_outline</i>
<div md-modal.ref="addEventModal">
        <div class="modal-content">
            <h4>Add Event</h4>
            <div>
                <md-input label="Title"></md-input> //how do i bind the title to the submit 
            </div>
        </div>
        <div class="modal-footer">
            <a  class="modal-action" click.delegate="submitAddEvent()">Submit</a>
            
        </div>
    </div>
  

на моей странице ts

 import { MdModal} from "aurelia-materialize-bridge";
export class Calendar extends Component {
    public addEventModal: MdModal;

    async openaddEventModal() {
        
        this.addEventModal.open();
    }
async submitAddEvent() {}
}
  

как мне привязать модальное событие к событию?
я искал в Интернете, но не могу найти, как это сделать с помощью materialize и ts, пожалуйста, помогите