더북(TheBook)

5.4 주소록 등록 이벤트 구현하기

이제 주소록 항목을 입력해서 등록 버튼을 클릭하면 데이터가 저장되고 view가 갱신되게 해보자. addressList.js 파일 끝에 addressInput 템플릿의 이벤트 헬퍼를 작성하자.

~/Projects/addressBook/client/addressList.js

...생략...
Template.addressInput.events({
    'click button[name=saveAddress]' (evt,tmpl){
        /* input 박스 값으로 입력 데이터 만들기 */
        /* insert 하기 */
        /* input 값 초기화하기 */
    }
});

Template.addressInput.events 헬퍼에 ‘click button[name=saveAddress]’ 이벤트 핸들러를 등록했다. 다시 말해서 addressInput Template의 events 오브젝트에 이벤트 목록을 인자로 넘겨 주었고, buttonnamesaveAddress인 HTML 오브젝트가 click되었을 때 작동할 함수를 작성했다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.