不能让popovers组件工作

时间:2014-11-19 20:38:04

标签: javascript twitter-bootstrap ember.js handlebars.js

根据这个,http://ember-addons.github.io/bootstrap-for-ember/#/show_components/popover,显示了关于它应该如何工作的文档...下面引用的可能是我不理解的一点(这有点令人困惑,因为这一切都提到工具提示而不是弹出窗口但我正在实现一个飞跃,因为它都在相同的文档中,所有相关的......)

(控制器)dashboard.js

import Ember from 'ember';

    export default Bootstrap.TooltipBoxController=Ember.Controller.extend({

       hoverPop: Ember.Object.create({
          title: "I'm a title!",
          content: "And i'm a content!",
          trigger: "hover",
          placement: "right",
          sticky: true
      })
});

(模板)dashboard.hbs

<div class="pageheader">
     {{bs-bind-popover hoverPop}} ? 
</div>

application.js在这个文件中我有:

import Ember from 'ember';

export default Ember.Route.extend({

  renderTemplate: function() {
    // Render default outlet
    this.render();
    // render extra outlets
    var controller = this.controllerFor('tooltip-box');
    this.render("bs-tooltip-box", {
        outlet: "bs-tooltip-box",
        controller: controller,
        into: "application" // important when using at root level
    });
  },  
....

Ember控制台:  未捕获的TypeError:undefined不是函数(指向此行export default Bootstrap.TooltipBoxController=Ember.Controller.extend({

有什么想法吗?有人解决了这个问题吗?

0 个答案:

没有答案