1

我正在使用 Bootstrap 工具提示来显示绑定到 Ember 对象的表单。

我可以让表单显示得很好，但我一生都无法弄清楚如何保持（双向）绑定工作。

这是我正在使用的代码：

预订.hbs

<div>
  <span>{{lastName}}</span>
  <span>{{firstName}}</span>
</div>

{{view App.ReservationFormView}}

预订表格.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>

保留表单视图.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

4

1 回答 1

0

当您调用时，this.$().html()您实际上是在复制视图呈现的 HTML 并将其插入到工具提示中。所以是的，所有绑定都丢失了，因为进入工具提示的副本不再由您的视图对象管理。

不幸的是，它看起来不像 Bootstrap Tooltip API 提供将现有元素显示为工具提示的能力，而无需复制 HTML。

于 2014-01-12T18:13:58.657 回答