~/Projects/addressBook/client/addressList.js
Template.addressList.helpers({ return AddressBook.find({},{limit:10 ,sort:{name:1}}); } }); Template.addressList.events({ 'click button[name=remove]' (evt,tmpl){ AddressBook.remove( { _id : this._id } ); } }); Template.addressInput.events({ 'click button[name=saveAddress]' (evt,tmpl){ /* input 박스 값으로 입력 데이터 만들기 */ var address = { name : tmpl.find("input[name=name]").value ,phone : tmpl.find("input[name=phone]").value ,email : tmpl.find("input[name=email]").value ,company : tmpl.find("input[name=company]").value ,birthday : tmpl.find("input[name=birthday]").value }; /* Insert 하기 */ AddressBook.insert(address); /* input 값 초기화하기 */ tmpl.find("input[name=name]").value = ""; tmpl.find("input[name=phone]").value = ""; tmpl.find("input[name=email]").value = ""; tmpl.find("input[name=company]").value = ""; tmpl.find("input[name=birthday]").value = ""; } });
~/Projects/addressBook/client/main.html
<head>
<title>Address Book</title>
</head>
<body>
{{> addressInput}} <!-- 입력 템플릿 추가 -->
{{> addressList}} <!-- 리스트 템플릿 추가 -->
</body>