변수 할당을 리바 인하는 방법

Question

현재 배우는 방법으로 자체 JS 프레임 워크를 빌드하려고합니다.

var myModel = new $n.model.make({ 
    data: { 
     id: _contentID, 
     name: $('#frm_content_name').val() 
    }, 
    route: '/my/path', 
    callback: function(){} 
}); 

만들기() 함수는 간단하다 : 당신이 볼 수 있듯이, 이름 매개 변수가 폼 입력 필드의에 할당

$n.model.make = function(obj){ 

    var self = this; 

    self.data = obj.data; 
    self.route = obj.route; 
    self.callback = obj.callback; 

} 

그래서 같은 새로운 모델을 만들기위한 방법을 만들었습니다 값. UI에서이 입력 필드 값을 변경하면 name 매개 변수가 여전히 입력 필드의 원래 값에 할당되므로 데이터를 DB에 저장하려고하면 아무 것도 변경되지 않습니다.

모델을 설정하고 나면 할당 된 양식 필드에 데이터 매개 변수를 "다시 바인딩하여"최신 정보를 얻는 좋은 방법은 무엇입니까? 댓글에서 언급 한 바와 같이

Answer 1

나는 쌍방향 데이터 바인딩을 찾고있다. 내 문제를 해결하는 데 사용한 자습서는 다음과 같습니다. http://www.lucaongaro.eu/blog/2012/12/02/easy-two-way-data-binding-in-javascript/

Answer 2

당신이 할 수 있습니다 : data.name() 항상 최신 정보를 가져 오는 것입니다 호출

data: { 
    id: _contentID, 
    name: function() { 
     return $('#frm_content_name').val(); 
    } 
}, 

. 또 다른 방법은 다음과 같습니다.

data { 
    id: _contentID, 
    name: $('#frm_content_name') 
}, 

이제 data.name.val()으로 전화해야합니다. 개인적으로 나는 누락 된 캡슐화 때문에 이것을 정말로 좋아하지 않습니다.