1

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

+0

이 코드를 emberjs.jsbin.com에서 공유하면 더 좋습니다. – thecodejack

+0

툴팁 제목의 내용을 ReservationView의 html로 원 하시겠습니까? 그것이 내가 읽는 방법입니다. 그러나 폼이 툴팁의 제목이되는 것은 옳지 않은 것 같습니다. – Adam

답변

0

당신이 전화 this.$().html() 효과적으로 뷰의 렌더링 된 HTML을 복사하고 툴팁에 삽입하고 다음은 바이올린입니다. 예, 툴팁으로 들어가는 복사본이 더 이상 뷰 객체에 의해 관리되지 않기 때문에 모든 바인딩이 손실됩니다.

불행히도, 부트 스트랩 툴팁 API는 HTML을 복사하지 않고도 기존 요소를 툴팁으로 표시하는 것처럼 보이지 않습니다.

+0

그러나 그것은 작동합니다 ... 바이올린을 확인하십시오. 그러나 나는 왜 그것을 이해할 수 없어 내 진짜 프로젝트에서 작동하지 않습니다. –