underscore.js中template
来源:互联网 发布:excel数据 access 编辑:程序博客网 时间:2024/06/05 03:38
(1)定义html脚本
<script id="user-avatar" type="text/template">
<div class="follow-user-avatar" data-id="<%- user['user_id'] %>" >
<div class="user-avatar layzr-image">
<a href="<%- user['link_href'] %>" title="<%- user['nickname'] %>">
<% if (user['avatar']) { %>
<img class="img" src="<%- user['avatar'] %>" alt="头像">
<% } else { %>
<span class="default-img">
<img class="img" src="{{ asset('/static/image/headshot_250x250.png') }}">
</span>
<% } %>
</a>
</div>
</div>
</script>
(2)加载underscore.js,写脚本
var user = response.body.user,
//获取脚本HTML
avatarTemplate = _.template($('#user-avatar').html());
avatarTemplateHtml = avatarTemplate({
user: user //加载数据,得到拼好的HTML块
});
$('.follow-number').html(response.body.favorited_count);
if (response.body.favorited_count === 1) {
$('.follow-user-row').prepend(avatarTemplateHtml);
$('.product-follower-row').show();
} else {
$('.follow-user-row').prepend(avatarTemplateHtml);
}
- underscore.js中template
- Underscore.js-template模板
- Underscore.js template()函数全解析
- underscore.js 剩余属性1-- template
- template模版引擎的使用(underscore.js)
- underscore template的应用
- underscore _.template()
- Underscore.js
- underscore.js
- Underscore.js
- underscore.js
- underscore.js
- (二)underscore.js框架Utility类API学习以及模型template的详细介绍
- Backbone.js中Underscore.js的视图和子视图
- underscore.js 源码中一些实用的工具方法
- Underscore.js 中 _.throttle 和 _.debounce 的差异
- underscore.js中 cb 函数与optimizeCb函数
- underscore.js中为什么用void 0来验证undefined
- Android中Recyclerview使用3----添加条目得到点击事件和长按事件
- Android获取32位应用签名及如何判断该签名为debug还是release
- Table tr td th表格使用案例
- Android 点击任意位置隐藏
- Rift Getting Started Guide
- underscore.js中template
- 【项目中】Android 小米红米手机无法读取照片图片路径的问题
- 微信加密解密,java.security.InvalidKeyException:illegal Key Size,WTF
- Android Parcelable
- 在线实时大数据平台Storm单机部署
- 任一个英文的纯文本文件,统计其中的单词出现的个数。
- 摄像机的左右前后移动以及旋转
- SQL表连接查询(inner join、full join、left join、right join)
- JAVA自带的进制转换函数