问题标签 [riot.js]

喜欢 riot js 但是为什么在下面的代码示例中页面上的“Hello 0”没有增加，现在有什么解决方法？

我不确定我是否正确理解可观察对象的工作方式以及如何从已安装的标签中获取引用。我有一个组件。在这个组件中，我们有一个组件和一个组件。目的是避免组件之间的耦合。因此，我希望我的搜索组件在搜索完成时触发一个事件（单击按钮）。该事件应被组件捕获，该组件将根据搜索过滤集合数据。

index.html 文件通过以下方式加载标签：

索引.html

页面定义如下：

page.js

组件脚本的简要定义如下：

搜索.js

如何让组件观察该事件？

对我来说，似乎我应该能够从page.js中的搜索标签和集合标签中获取引用。通过这样做，我可以连接如下事件：

现在我不能让它像那样工作。

在执行时，searchComponent 和 collectionComponent 没有定义。

我还尝试通过使用this.searchTag而this.collectionTag不是安装它们来获取这些组件的引用，但是在执行代码时，组件尚未安装，因此我没有得到对它们的引用。

有什么想法让它发挥作用吗？

I am having problems with server side rending using Riot.

In my handler, I pass my foo object into my bar tag with something very similar to this:

This is a copy of my simple bar tag:

When I point my browser to the relevant path, 'TEST' is visible but foo is not. My console.log(foo) works just fine.

我试图通过使用 Github 演示文件夹中的示例来测试 Riot.js，但它不起作用。我检查了一切，似乎没问题。会不会是版本问题？

从这个工作元素开始，sans-js：http: //jsfiddle.net/37z1z7g1/

请注意，如果您单击其中一颗星，它会保留所选星数的“值”（单击星号 4，前 4 星将在失去鼠标焦点后保持选中状态）。

当我添加一些要在单击星号时运行的 js 逻辑时，这就是我最终得到的结果（出于 JSFiddle 的目的，已用 console.log 替换了对父函数的调用）：http: //jsfiddle.net/0u5oLyp5 /

[随着

添加到每个标签元素]

我这里有两个问题：

1) 请注意，我在“update(e)”声明前添加了函数一词，这与https://muut.com/riotjs指南中的所有示例相反，因为如果我不这样做然后我得到

因为它似乎在页面加载时运行该函数，而“e”尚未定义，而不仅仅是声明该函数。我发现这很奇怪，但我不确定我哪里出错了。

2）即使我在更新功能结束时“返回真”（重新启用默认事件），单击星星不再保持选择，当它失去鼠标焦点时以蓝色突出显示。一旦我从每个标签元素中删除“onclick='{ update }'”，选择就会再次起作用，所以这肯定是我没有成功触发默认事件处理程序的问题。

有没有人能够提供一些关于我哪里出错的指示？

我正在尝试使用 riot.js 服务器端渲染来制作一个可以被谷歌蜘蛛读取的静态 HTML 页面。我有一个基本示例，但我试图弄清楚如何在服务器上呈现时从不同文件动态加载标签。

我知道，如果您“要求”每个标签文件，它将起作用，但是系统应该有一种方法可以检测并从主标签文件中找到需要哪些标签。

例如给定存储在“home.tag”中的这个标签：

当我需要“home.tag”时，我认为会有更好的方法来自动包含“foo.tag”和“bar.tag”文件，而不必单独要求它们中的每一个。任何帮助将不胜感激谢谢！

riot.js 2.2

通过 riot.js 官方网站上的指南，我必须调用类似

其中tag是某个监听器的实例。

但是我必须怎么做才能触发所有标签的事件？riot.js 是否有针对此问题的任何实现，或者我必须手动解决它（通过保留所有侦听器实例）？

我在 riot js 方面没有太多经验。我创建的标签层次结构就像

现在我需要将变量（其中包含 JSON）传递给“tag-3”，并且在每次更新该变量时，我如何更新“tag-3”。现在我正在安装“tag-3”，比如

其中“comm”是变量，并且在标签“tag-3”中无法访问挂载变量“comm”后，它显示未定义。另一件事，每个标签 html 都在一个单独的“.tag”中，并且使用该标签我正在调用其他标签，例如在“tag-1.tag”文件中调用“tag-2”和在“tag-2.tag”中文件我调用“tag-3”，在“tag-2.tag”文件中我正在安装“tag-3”

我怎样才能做到这一点 ？

我正在尝试从 Riot.js 中的表达式调用在全局命名空间中声明的函数。

这不起作用：

我可以调用全局moment()函数（来自 moment.js）：

包含此函数的整个 JavaScript 文件已加载...如果我从中调用 getDateString()this.on('mount')有效：

我不太了解 Riot.js 中的命名空间是如何工作的，因此我无法弄清楚为什么我对 getDateString() 的调用在表达式中失败但在 mount 函数中成功。有人可以告诉我我做错了什么吗？

如何在没有容器元素的情况下为每个项目创建多个元素each？

更具体地说，假设我想创建一个定义列表，其预期结构如下：

所以，基本上我想做类似的事情

但是each在生成的 HTML 中省略了该元素以使其成为有效的 HTML。请注意，eachRiot 中不存在此类标签。

更新：似乎特别是对于tbody > each > tr组合，我上面描述的解决方案可以工作 - 空each元素在 table 之前移动，并且trs 从内部直接位于tbody. 但是，上下文存在一个问题 - trs 无法访问item变量，这使得这种情况无用。