循环读取某个变量,直接调用 KISSY.each 方法进行遍历.
语法:
{{#each conditions as value index}}
BLOCK
{{/each}}
注意 as value index 可选
范例1(使用默认的循环参数):
Template('Hello, {{#each users}}<b color="{{_ks_value.color}}">{{_ks_value.user}}</b>{{/each}})')
.render({users: [{name: 'Frank', color: 'red'}, {name: 'yyfrankyy', color: 'green']});
Hello, <b color="red">Frank</b><b color="green">yyfrankyy</b>
范例2(使用自定义参数,可选):
Template('Hello, {{#each users as user}}<b color="{{user.color}}">{{user.name}}</b>{{/each}})')
.render({users: [{name: 'Frank', color: 'red'}, {name: 'yyfrankyy', color: 'green']});
Hello, <b color="red">Frank</b><b color="green">yyfrankyy</b>
Template('Hello, {{#each users as user index}}<b color="{{user.color}}">{{index}}:{{user.name}}</b>{{/each}})')
.render({users: [{name: 'Frank', color: 'red'}, {name: 'yyfrankyy', color: 'green']});
Hello, <b color="red">0:Frank</b><b color="green">1:yyfrankyy</b>
范例3(嵌套使用):
Template('Hello, {{#each users as user}}<b color="{{user.color}}">{{#each user.names as name}}{{name}}{{/each}}</b>{{/each}})')
.render({users: [{names: ['Frank', 'Wang'], color: 'red'}, {names: ['Frank', 'Xu'], color: 'green']});
Hello, <b color="red">FrankWang</b><b color="green">FrankXu</b>
相关推荐
是利用kissy提供的插件做出来的瀑布流布局,因为之前的项目很大,文件很大,我不能把整个项目拷上来吧,so,所以我把主要的东西整理下发上去,这个直接运行是看不到效果的,因为读取数据那部分要你自己去写(到你...
这个demo是以前做的一个项目拷贝下来的,是利用kissy提供的插件做出来的瀑布流布局,因为之前的项目很大,文件很大,我不能把整个项目拷上来吧,so,所以我把主要的东西整理下发上去,这个直接运行是看不到效果的,...
高发展前途的web前端开发利器--kissy,中文文档。拥有该文档后不必再上网到处找,一切尽在其中。
Bo-Blog Kissy
KISSY库,可以实现瀑布留效果。 - build: 构建好的发布文件 - docs: API 文档 - src: 源码、测试等开发资源 - tools: 打包压缩等自动化工具 瀑布流效果在src\waterfall\demo.html
高发展前途的web前端开发利器--kissy,中文文档。拥有该文档后不必再上网到处找,一切尽在其中。
JAVASCRIPT驱动开发小教程-BY KISSY TEAM
kissy 开源瀑布流,完整异步加载模拟效果(php后端)
个人熬了几个通宵开发完成的shopify免费主题模板,主要展示内衣商品,themeforest上审核太严格,所以分享到国内资源站上供大家使用!
亲吻xtemplate 用于 KISSY 的独立 XTemplate 编译器用法节点 var XTemplate = require ( 'kissy-xtemplate' ) ;new XTemplate ( ) . compileSync ( 'xxx.xtpl.html' , 'xxx.xtpl.js' ) ; 或使用异步版本: var ...
kissy-1.4.8.zip,淘宝最新前端开发包
安装kissy-gallery目录生成器 npm install generator-bee -g 生成组件目录 新建个工程目录,进入执行命令: yo bee 调试 模块文件使用CMD规范,是无法使用源码直接调试的,所以bee 内置了个本地静态服务,运行: ...
kissy-mobile KISSY Mobile 是阿里巴巴内部项目Kissy MINI fork出来的项目。是面向移动终端的KISSYApp.svelte版,在保持API和KISSY一致的情况下,着重优化、精简核心模块代码,保证高可用的同时做到身材苗条。Kissy ...
淘宝发布开源编辑器:KISSY Editor,和我们在 WordPress 后台使用的富文本编辑器 TinyMCE 一样,它可以让我们在线编辑和格式化文本,但是相比 TinyMCE KISSY Editor 更加轻巧,更加适合国内的网络环境。 KISSY ...
KISSY提供稳定的核心,包括 oo、dom、Event、Anim、Ajax 等;强大且易用的脚本加载器,特有的 loader;丰富的UI组件,包括 Switchable、Overlay、Draggable and Droppable 等。KISSY具备模块化、高扩展性、组件齐全...
add时, KISSY.add('gallery/pagination/1.0/pagination', function(S, Template, undefined) {}); use时, KISSY.use('gallery/pagination/1.0/pagination,gallery/pagination/1.0/tmp/friends,gallery/pagination/...
KISSY 1.4.8,一个淘宝用的类似jQuery的前端框架
js KISSY框架阿里云滑动下拉导航菜单效果代码 js KISSY框架阿里云滑动下拉导航菜单效果代码 js KISSY框架阿里云滑动下拉导航菜单效果代码 js KISSY框架阿里云滑动下拉导航菜单效果代码
书写特效 kissyteam-kissyteam.github.com-901d2cd.rar
淘宝发布开源编辑器:KISSY Editor,和我们在 WordPress 后台使用的富文本编辑器 TinyMCE 一样,它可以让我们在线编辑和格式化文本,但是相比 TinyMCE KISSY Editor 更加轻巧,更加适合国内的网络环境。