首页 > 其他 > 详细

lodash template filter

时间:2016-11-02 00:21:41      阅读:295      评论:0      收藏:0      [点我收藏+]
<html>
<head>
    <meta charset="UTF-8">
    <title>template</title>
    <script src="lodash.js"></script>
</head>
<body>
    <script>
    var str = 的卡是d<%= name | prefix:"my-name" | sort: "asc" %>卡了.replace(/[\s]+/g, ‘‘).replace(/<%=(.+)%>/, function(exprs, path) {
        return exprs.replace(path, function(expr) {
              
              var ret = (function() { var fns=(\‘+expr+\‘).split("|"); var data= fns.shift();;

              /*ret += ‘fns.forEach(function(fn) {‘
                  +‘var fnInfo = fn.split(":");‘
                  +‘data = fnInfo[0](data, fnInfo[1])‘
              +‘});‘;*/
              ret +=  return _filter(+expr.split(|)[0]+, fns);})();
            return ret;
          });
        });

    // console.log(str, ‘--------------------------------‘);
    var compiled = _.template(str, {
        imports: _.extend(
                _.templateSettings.imports, 
                {
                    prefix: function(d,s) { console.log(d); return 加了前缀了;},
                    sort: function(d, dir) { console.log(d);return 222222;},
                    _filter: function(data, filters) {
                        var ret = data;
                        var methods = _.templateSettings.imports;
                        _.forEach(filters, function(filter) {
                            var fnInfo = filter.split(":")
                            ret = methods[fnInfo[0]].call(this, ret, fnInfo[1]);
                        }, this);

                        return ret;
                    }
                })
    })({ name: zhangsan });

    console.log(compiled);
    </script>
</body>
</html>

 

lodash template filter

原文:http://www.cnblogs.com/zhoulingfeng/p/6021326.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!