Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – 使用ember.js模板的Bootstrap Popovers大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试将 Bootstrap Popover与EmberJS一起使用,以便popover的内容将是一个ember / handlebars模板(带绑定等).如何才能做到这一点? (Ember 1.0.0-rc2)

解决方法

这是一个ember bootstrap popover的工作示例(见 http://jsfiddle.net/72fSd/):
App.popover = Ember.View.extend({
        parentSELEctor: '',contentSELEctor: '',didInsertElement: function () {
            var self = this;
            $(self.parentSELEctor).popover({
                html: true,content: function() {
                    var $content = $(self.contentSELEctor);
                    return $content.html();
                }
            });
        }@H_674_7@ 
 

实例化视图:

{{view App.popover templatename="my-popover-content" parentSELEctor=".popoverButton" contentSELEctor="#popovercontent"}}@H_674_7@ 
 

这里,parentSELEctor可能例如选择一个按钮.确保在my-popover-content模板中有一个id为#popovercontent的div容器,以便contentSELEctor工作.当然,您需要在初始化视图之前加载模板.

双向绑定应该适用于该解决方案.

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap – 使用ember.js模板的Bootstrap Popovers全部内容,希望文章能够帮你解决twitter-bootstrap – 使用ember.js模板的Bootstrap Popovers所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。