javascript – 使用骨干调用下划线模板内的函数

前端之家收集整理的这篇文章主要介绍了javascript – 使用骨干调用下划线模板内的函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
只是一件事,我试图做,这将真的简化我的生活现在.

我怎样才能做到这一点 :

这是我在应用程序文件中的视图

window.ArtView = Backbone.View.extend({
        template:_.template($('#art').html()),render:function (eventName) {
            var output="blablbla";
            $(this.el).html(this.template({"output":output}));
            return this;
        }
    });
    ...
    // function that I would like to call
    function callFunction(){
        console.log('it works!');
    }

index.html中的模板

<script type="text/tempate" id="art">
        <div data-role="header" class="header" data-position="fixed">
            <a href="#" data-icon="back" class="back ui-btn-left">Back</a>
        </div>
        <div data-role="content" class="content">
            callFunction();
            <% console.log(output) %>
        </div>
</script>

我如何在我的模板或类似的东西中调用callFunction()?

任何想法 ?

谢谢 !

解决方法

只要模板的对象具有该功能,我相信您可以调用模板中的函数.
render:function (eventName) {
    var output="blablbla";
    var data = _.extend({"output":output},callFunction);
    $(this.el).html(this.template(data));
    return this;
}

然后在你的模板中:

<%= callFunction() %>

猜你在找的JavaScript相关文章