芒果小站

  1. 全球最具业界良心的主机 - Linode

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - Linode

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - Linode

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
6

Y.substitute,YUI3 模板替换方法

作者 芒果/分类 代码/发布于 2010-12-08 00:13

YUI3 提供了 Y.substitute 方法,用于处理字符串中通过花括号 “{}” 指定的模板标签。

Y.substitute(s, o, f)
接受三个参数:
s 所要修改的字符串
o 字面量对象
f 应用到每个匹配向的遍历函数,以对象 o 中的 key, value 做为参数

该方法匹配第一个参数(s)中的花括号 “{}” 所标记的模板标签,并将第二个参数(o)中相应键值应用到预设的模板标签。
实例说明:

YUI().use('node','substitute', function(Y){

 var fragment,
 template = '<a href="{link}" title="{title}">{title}</a>',
 data = [
 {link: 'URL', title: 'TITLE'}
 ];

 fragment = Y.substitute(template, {link: data.link, title: data.title});

 Y.log(fragment);

});

什么叫模板和数据分离,Y.substitute 就很好地体现出来了。

版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/y-substitute-yui3-template-substitute/" title="Y.substitute,YUI3 模板替换方法" rel="bookmark">Y.substitute,YUI3 模板替换方法 | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 6 条群众意见

  1. ruian /2010-12-09 22:31

    对我来说有一点难度了,看看学习了。 回应

    #1
  2. 惜墨|个人提升 /2010-12-11 10:52

    有什么实际应用呢?怎么看不懂啊。 回应

    #2
  3. 哲哲 /2010-12-11 15:47

    不懂,真不懂。 回应

    #3
  4. 芝麻 /2010-12-14 11:15

    你的界面好简洁啊,速度很快,干扰信息很少,有很好看,能向你多学习嘛,我才接触WP,不知道从哪入手了 回应

    #4
  5. 我爱养生网 /2010-12-20 14:19

    yui 要是 jq 简便就好了。 回应

    #5
  6. justplay /2011-03-21 09:42

    有一点难度! 回应

    #6

下面我简单说几句