javascript - 带有 Backbone.js 的 JS 模板系统

标签 javascript jquery jquery-plugins backbone.js templating-engine

我正在寻找一些与 Backbone.js 等 MVC 框架一起使用的优秀模板系统

我知道一个这样的系统(jQuery 模板)。但是,由于某些原因,该产品已停产,因此我正在寻找其他一些不错的选择。

请从 View 的 Angular 提出足够灵活的建议。 (例如,具有基于某种逻辑的启用/禁用按钮的动态 View 、基于某种逻辑的具有不同样式的表格数据等)

最佳答案

我真的很喜欢 Handlebars.js...

这是一些 JavaScript...

var HandlebarsView = Backbone.View.extend({
    el: '#result'
    initialize: function(){
        this.template = Handlebars.compile($('#template').html());
    },
    render: function(){
        var html = this.template(this.model.toJSON());
        this.$el.html(html);
    }
});

var HandlebarsModel = Backbone.Model.extend({});

var model = new HandlebarsModel({
   name: 'Joe Schmo',
   birthday: '1-1-1970',
   favoriteColor: 'blue'
});

var view = new HandlebarsView({
    model: model
});
view.render();

然后 html...

 <div id="result">
 </div>
 <script id="template" type="text/html">
    <div>Name:{{name}} Birthday: {{birthday}} Favorite Color: {{favoriteColor}} </div>
 </script>

试一试!

关于javascript - 带有 Backbone.js 的 JS 模板系统,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9766187/

相关文章:

javascript - Extjs:如何获取表单的值

java - JQuery:日期选择器突出显示日期范围

javascript - 保持提交按钮禁用,直到填充动态创建的必填字段

javascript - ASP.NET如何获取iframe内的所有控件

javascript - HTML 响应式 css 不适用于随机图像

jquery - django 智能选择应用程序

javascript - 如何禁用 elevateZoom?

jquery - 使用下载进度条 JQuery 跟踪下载文件?

javascript - 具有过滤 SQL 表重复项的 jQuery DataTable

twitter-bootstrap - Bootstrap 2.3.1 弹出窗口导致父模式关闭