그래서 내가이 사용 사례가 유성

Question

의 컬렉션에 양식에서 새 요소를 추가 :

내가 한 페이지에 연락처 목록을, 그리고 사용자가 목록에 새로 추가 할 수 있도록합니다. 연락처를 추가하려면 입력 할 수있는 입력이 두 개인 양식이 있으며 양식을 보내는 버튼이 있습니다.

이것은 유성에서 아주 간단합니다. 나는이 조각 같이 폼에 이벤트를 제출 바인딩 :

Template.contacts.events 
    'submit #new_contact': (event) -> 
    event.preventDefault() 

    firstName = $('#first_name').val() 
    lastName = $('#last_name').val() 

    Contacts.insert(firstName: firstName, lastName: lastName) 
    $('#new_contact input').val('') # Clear the inputs 

을 너무 잘,이 또한 아주 쉽게,하지만 난 JQuery와 및 그들을 점점 형태로 특정 ID를 참조의 아이디어를 좋아하지 않는다 새 연락처를 목록에 삽입하십시오. 폼이 20 개의 필드를 가지고 있다면 폼에 20 개의 요소를 검색해야하는데, 이는 매우 깨끗해 보이지 않습니다.

양식 입력을 개체/모음에 바인딩하는 것처럼 더 좋은 방법이 있는지 알고 싶습니다. 사용자가 양식에 데이터를 도입 한 다음 자동으로 업데이트 할 때 양식이 제출됩니다.

Answer 1

계획이 자동 지원이 (내 생각)하지만, 그 동안, 당신은 아마 템플릿 개체를 사용하여 반대의 대부분을 주변에 얻을 수 있습니다 : a의 몸에, 또는

Template.contact.events 
    'submit form.contact': (event, template) -> 
    firstName = template.find('input[name=first_name]').value 

을 이벤트 도우미 인 this.currentTarget은 양식 자체입니다.