后端(WordPress)生成JSON输出:

sizes: {
thumbnail: "150x150.jpg",
thumbnail-width: 150,
thumbnail-height: 150,
}

在JS中,我可以使用带有破折号的变量: sizes['thumbnail-height'] 不幸的是,在Ractive.js中,模板{{sizes['thumbnail-height']}}不起作用。 我该如何处理这个问题?

#1楼 票数:1 已采纳

您可以将对象键写为字符串,然后可以使用-符号。 那是避免它并使用camelCase样式的一个好习惯。 如果您认识到css属性,则始终将其转换为驼峰式大小写。

sizes: {
    'thumbnail': "150x150.jpg",
    'thumbnail-width': 150,
    'thumbnail-height': 150,
}
// Best
    sizes: {
        thumbnail: "150x150.jpg",
        thumbnailWidth: 150,
        thumbnailHeight: 150,
    }

第一种情况在Ractive上仍然可以正常使用(请参见http://jsfiddle.net/6hd3xt6t/ ),并使用诸如{{sizes['thumbnail-height']}}等带引号的属性名称

  ask by A. Z. translate from so

未解决问题?本站智能推荐:

1回复

Ractive.js路由

因此,我一直在将应用程序移植到Ractive。 目前,我正在使用Swig ...在Express中提供每个页面的内容,以渲染出有效模板客户端。 当我可以提供一页并使用ractive进行所有客户端渲染时,这似乎有点疯狂。 我知道Ractive并不随路由器一起提供,实际上确实是出于设计目的而
1回复

在Ractive.js中的onrendervsinit

我最近开始尝试Ractive.js 。 我对它的组件特别感兴趣。 我立即注意到的一件事是很多例子都使用了init选项。 但是当我尝试在我的代码中使用init ,我得到了一个弃用通知,然后建议使用onrender 。 onrender但是有比要少得多实例init和一些诸如功能this.fi
1回复

用Ractive.js调用函数

我想在JavaScript文件中调用start。 我能怎么做?
1回复

Ractive.js模板循环

我正在进行ajax调用并拉下总页数: 有什么办法可以从总页数中呈现分页按钮? 类似于(假设总页数= 4): 将输出 我看了一下Mustache文档,但是Mustache不太一样。 谢谢,罗伯
1回复

Ractive.js中的模板

我是Ractive.js的新手,并且正在玩它。 我正在尝试构建一个简单的应用程序,但是奇怪的是,它无法在我的PC上正常工作,并且在控制台中出现错误“找不到ID为#template的模板元素”,其中#template是指分配给脚本标签的ID。 我的浏览器没有任何内容。 但是,相同的代码在JS
1回复

在Ractive.js中读取计算的属性

我正在尝试找出实现此目标的最佳方法。 我可能会以错误的方式考虑它,但这是我“想要”实现的目标: 其中selection是我要在外部范围中使用的Component中的计算属性。 有什么方法可以引用组件实例的属性吗? 例如: 还是这是错误的思考方式。 我能想到的唯一其他方法是使用事
1回复

在Ractive.js中引用子属性

Ractive.js的新手,在阅读了文档之后,我仍然挂在某些语法上。 下面的示例为数组中的每个元素创建一个canvas标记,然后为每个实例化一个自定义类的不同对象以处理动画。 如评论中所述,我抛出了三个错误。 在事件处理程序中,我想引用height属性(在我的数组中定义),但是this.
2回复

Ractive.js继续和中断循环

我有一个要反复浏览的清单: 如果{{this.hidden}}为真,我将如何继续循环? 我想做这样的事情: RactiveJS有可能吗?