问题标签 [ractivejs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
523 浏览

javascript - 当有一个带有 array.prototype.sort() 的助手和带有空对象的数据时,为什么 Ractive.js 的 reset() 和 update() 方法会重复模板

我有一个大模板的问题,我想我终于可以在一个小的 jsfiddle 中重现它。当 Ractive.js 的 reset() 和 update() 方法复制模板时,当有一个带有 array.prototype.sort() 的助手并且数据有一个像这样的空对象时,我不理解以下行为:

我不知道这是一个错误还是我不明白的行为。

助手是这样的:

如果我取消注释第一个

然后 reset() 和 update() 不要复制模板

这是强制性的 jsfiddle:http: //jsfiddle.net/Katio/rfuzxwv8/

还有 Stackoverflow 代码片段:您只需单击重置和更新按钮。

0 投票
0 回答
160 浏览

ractivejs - 激进的观点没有按预期拆除

我的例子在这里:

http://codepen.io/anon/pen/DCfkw

如果你打开开发工具/控制台,你会看到所有 Ractive 视图都经历了它们的拆解周期。

但是,如果您在 html 面板中转置第 8 行和第 9 行(基本上,将 model.grandChildTitles 的 each 放在关闭的 div 标记内),您会看到只有孩子经历了它的拆卸周期。

我已将其缩小到 ractive.js 第 11100 行(v0.6.0,来自 bower's -> ractive/ractive.js,如果它有什么不同的话,尽管我在http://cdn.ractivejs 看到了同样的事情。 org/latest/ractive.js - 服务 0.6.0 - 第 11100 行) -

看起来,当您拆除一个元素时,如果它有一个片段,则 ractive callsthis.fragment.unrender( false )会自动假设该片段本身不是一个也应该被拆除的视图。

我在这里错过了什么吗?乍一看,这似乎是内存泄漏,并且会阻止我执行任何onteardown类型的操作。我只是做错了吗?

0 投票
1 回答
274 浏览

javascript - 多个 Ractive 组件

目前不可能在模板中使用多个组件。例如:

Ractive 只显示第一个。如果我想两次使用相同的组件标签,情况是一样的。<p>text here</p>当我只有一个组件但在标签之后放置一些东西时(如上),这就更奇怪了。它也没有显示。这是一个显示问题的 JSBin http://jsbin.com/maxen/3/edit?html,js,output

0 投票
0 回答
64 浏览

ractivejs - RactiveJS 中带有过渡的嵌套元素——如何处理?

添加或删除较大的页面块时,如何防止发生介绍和结尾转换?例如:

当我设置foo=false时,我看到bar块随着整个foo块淡出而滑开。我无法想象什么时候有人会希望这是期望的行为。难道我做错了什么?你如何处理每个都有转换的嵌套块?

0 投票
2 回答
68 浏览

javascript - 与当前日期时间比较

我正在尝试用 Ractive 标记我的第一页。我需要一个 if 表达式,将我的数据对象 (EndDateTime) 中的 momentjs 属性与当前日期时间进行比较。这是我尝试过的:

它不起作用。如果我将其更改为 EndDateTime.isAfter(StartDateTime) (其中 StartDateTime 是另一个时刻对象)它可以工作。

您能否帮助我理解为什么与 moment() 进行比较不起作用以及如何与当前日期时间进行比较?

0 投票
2 回答
2363 浏览

ractivejs - 从数据中设置输入值时触发 onchange 事件

我一直在研究许多双向数据绑定库,但到目前为止还没有找到一个会在模型的更改中设置输入值时触发 onchange 事件的库。有没有办法用 ractive.js 做到这一点?

0 投票
1 回答
191 浏览

express - 如何在一个活泼的小胡子模板中处理条件注释?

我正在使用 express 和 ractive 来渲染 mustache 模板并遇到问题。我的实际代码如下所示:

但是当页面呈现时,它不包括条件 [if IE] 块。我认为它可能将它们解释为评论。无论如何,我需要一种方法来修改我用于与 IE 兼容的链接。如果有其他方法可以做到这一点,我会很乐意接受它,但我有点惊讶这根本没有渲染。

0 投票
1 回答
227 浏览

recursion - 带有 couter 的 Ractive 递归部分

当我使用递归部分时,我遇到了一些问题。我尝试创建每个人都可以再次评论的评论,如下所示:

我想为不同深度的评论添加一些特殊的类

这是我使用的附加功能

因此,在每条评论之前,我都会增加深度,而在评论之后,我会减少深度。但不幸的是,我所有的getClasses()return 'depth0' 调用,我不明白为什么。

0 投票
1 回答
110 浏览

html - nodejs ractive和consolidate html评论问题

我正在使用 consolidate.js 和 ractive 模板,默认情况下会去掉注释。我正在尝试在执行以下操作的页面中添加一些 html 逻辑:

但是 ractive 删除了评论。我知道你可以通过将 stripComments 设置为 false 来允许评论,但我不知道如何通过 consolidate.js 做到这一点。

0 投票
1 回答
61 浏览

ractivejs - 活跃条件不适用于环聊按钮

我有一个适用于 HangoutButton 的模板:

如果未指定 HangoutUrl,我会显示一个 Hangout 按钮,在其他情况下,我会显示一个通常的锚点。如果我在尚未指定 HangoutUrl 时加载页面,然后设置 HangoutUrl 值(无需重新加载页面),我会看到:

在此处输入图像描述

因此,我没有只显示锚点,而是得到了它们。我猜这是由环聊按钮生成的丑陋 html 引起的。

如果指定了 HangoutUrl,我该怎么做才能删除环聊按钮?