【网页-JQuery插件】MustacheJs实现内循环生成代码及扩展可使用IFELSE

1.实现内循环生成代码

在数据结构定义一个名称rows 是自定义

var data={ rows:[{name:"小红"},{name:"小明"} ] };

模板引擎 在用{{#***}} {{/***}}区域内实现 
 {{#rows}}

     <td style="text-align:center;">{{Name}}</td>

 {{/rows}}

2.扩展可使用IF ELSE

获取数据后 把定制函数 跟 返回数据合并。
  var customFun = {
                        "ActivatedText": function () {
                            if (data.IsActivated) {
                                return '是';
                            } else {
                                return '否';
                            }                            
                        },
                        "ActivatedCss": function () {
                            if (data.IsActivated) {
                                return 'success';
                            } else {
                                return 'warning';
                            }
                        }

                    };
                    var exData = $.extend({}, data, customFun);
模板内 的替换内容是种 死方法
<span class="label label-{{ActivatedCss}}">{{ActivatedText}}</span>




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值