文档章节

[riot.js] 如何向子Tag传递父Tag中的数据

limodou
 limodou
发布于 2016/05/23 21:56
字数 146
阅读 130
收藏 1

使用riot遇到一个问题,如以下示例:

<html>
  <head>
    <title>Riot Demo</title>
  </head>
  <body>

    <script type="riot/tag">
      <cards>
        <ul>
          <card each={opts.items} data={this} width={parent.opts.items.length}></card>
        </ul>
      </cards>

      <card>
        <li class="card">{opts.data.name}-{opts.width}</li>
      </card>
    </script>

    <cards></cards>

    <script src="bower_components/riot/riot+compiler.min.js"></script>
    <script>
      riot.mount('cards', {'items':[{name:'abc'}, {name:'def'}]})
    </script>
</html>

当我想在 card 中使用父标签的 items.length 时如何处理。这里我使用了 parent.opts.items.length ,即parent不能省。

BTW:

  • this 指当前的循环变量。
  • 循环如何指定非this的循环变量,可以 each = {item in items} ,后面可以使用 item

© 著作权归作者所有

limodou

limodou

粉丝 244
博文 92
码字总数 36993
作品 6
西城
技术主管
私信 提问
[riot.js]data-is属性使用

在写一个custom tag时,因为内部的东西比较多,所以在父tag中使用了子tag,但是在生成的代码中发现,riot 会保存tag在HTML代码中。这样就会造成某些css结构上的破坏,因为多了一个标签。于是...

limodou
2016/05/26
134
0
网页分析工具beautifulsoup学习

BeautifulSoup是一个用来解析HTML和XML的python库,它可以按照你喜欢的方式去解析文件,查找并修改解析树。它可以很好的处理不规范标记并生成剖析树(parse tree). 它提供简单又常用的导航(na...

openthings
2016/01/09
52
0
Python2.7 beautifulsoup学习

Beautiful Soup是一个用来解析HTML和XML的python库,它可以按照你喜欢的方式去解析文件,查找并修改解析树。它可以很好的处理不规范标记并生成剖析树(parse tree). 它提供简单又常用的导航(...

China_OS
2012/12/14
17K
0
Riot.js 2.3.11 发布下载,JavaScript 的 MVP 框架

Riot.js 2.3.11 发布下载,此版本更新内容: Compiler Gets rid of the zero-indentation restriction for custom tags, now you can indent these tags, but the opening and closing tag ......

oschina
2015/11/23
731
1
Riot 3.7.4 发布,JavaScript 的 MVP 框架

Riot 3.7.4 已发布,Riot.js 是一个简单优雅的基于组件的 UI 库。 本次更新如下: Fix: fail to display nested custom tag in loop into SVG riot/2464 Fix: function passed as undefined ......

周其
2017/11/06
507
1

没有更多内容

加载失败,请刷新页面

加载更多

OpenStack 简介和几种安装方式总结

OpenStack :是一个由NASA和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目。项目目标是提供实施简单、可大规模扩展、丰富、标准统一的云计算管理平台。OpenSta...

小海bug
昨天
5
0
DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
昨天
6
0
数据库中间件MyCat

什么是MyCat? 查看官网的介绍是这样说的 一个彻底开源的,面向企业应用开发的大数据库集群 支持事务、ACID、可以替代MySQL的加强版数据库 一个可以视为MySQL集群的企业级数据库,用来替代昂贵...

沉浮_
昨天
6
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
昨天
7
0
常用物流快递单号查询接口种类及对接方法

目前快递查询接口有两种方式可以对接,一是和顺丰、圆通、中通、天天、韵达、德邦这些快递公司一一对接接口,二是和快递鸟这样第三方集成接口一次性对接多家常用快递。第一种耗费时间长,但是...

程序的小猿
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部