Ember 객체에 바인딩 된 폼을 표시하기 위해 부트 스트랩 툴팁을 사용하고 있습니다.Ember JS 템플릿과 함께 부트 스트랩 툴팁을 사용하여 바인딩 유지
양식을 잘 표시 할 수는 있지만, (양방향) 바인딩을 유지하는 방법을 이해할 수는 없습니다. 여기
내가 사용하고 코드입니다 :reservation.hbs
<div>
<span>{{lastName}}</span>
<span>{{firstName}}</span>
</div>
{{view App.ReservationFormView}}
reservationForm.hbs
<form class="reservation-form form-horizontal" role="form">
<label>First Name</label>
{{input type="text" value=firstName }}
<label>Last Name</label>
{{input type="text" value=lastName}}
</form>
reservationFormView.js
,App.ReservationFormView = Em.View.extend({
templateName: 'reservationForm',
classNames: ['hidden'],
didInsertElement: function() {
this.$().closest(".gf-sticker").tooltip({
title: return this.$().html(),
html: true,
placement: 'auto',
trigger: 'click'
});
}
});
나는 Ember에 대해 충분히 잘 모르지만 템플릿이 html : this.$().html()
으로 전달되면 데이터 바인딩이 손실되는 것처럼 느껴집니다.
이 문제가 발생합니까?
편집 : http://emberjs.jsbin.com/ESItUrOH/1/edit?html,css,js,output
이 코드를 emberjs.jsbin.com에서 공유하면 더 좋습니다. – thecodejack
툴팁 제목의 내용을 ReservationView의 html로 원 하시겠습니까? 그것이 내가 읽는 방법입니다. 그러나 폼이 툴팁의 제목이되는 것은 옳지 않은 것 같습니다. – Adam