问题标签 [riot.js]

我正在使用 Node + Riot.js + Grapnel 路由库（可以在客户端和服务器上运行）。我管理了如何在客户端上设置路由，但我不知道如何让它在服务器上工作。

我的客户端路由器的当前功能很简单。我只是发送opts.route到正确的组件，然后它将请求的页面（也是一个组件）安装到div.

但riot.render(tag, {page: 'dashboard'})它不会安装<x-page-dashboard>to #app-body。

当我删除this.on('mount update' ...包装器时，它给了我一个错误

这很明显，因为 Node 不能执行 DOM 操作。

我也尝试动态加载组件，像这样

有没有可能实现同构渲染+路由的方法？我快到了，只需要通过 opts 以某种方式动态传递组件名称

我正在尝试在服务器端呈现我的 riot 标签，这工作正常。标签在服务器端呈现并在客户端加载。当我尝试使用 riot.route 定义我的标签以及我的路线定义时，就会出现问题。标签被编译成相应的 Js 文件，但是在点击我的路由时，它遇到了内部服务器错误，并且控制台中记录的错误是 riot.route is not a function。

我的标签脚本部分中的防暴路线代码。

这里的数据通过 datastore 选项来自我的 server.js 文件，是一个 json 数据。

我只需要重复标签 5 次。我阅读了文档，但没有意识到如何做这样的事情：

我发现只有这种丑陋的方式：

我正在开发一个 Web 应用程序，客户端使用 Riot.js，服务器端使用 Node.js express。Riot.js 可以挂载 JSON 数据并用于渲染 HTML。实际上我在服务器端有一些 JSON 数据，并且想将它们与 Riot.js 一起使用。

目前我的快递服务器的代码很简单。

我认为 HTML 模板对我的问题很有帮助。但是我找不到 Riot.js 的答案，我如何使用和呈现来自服务器的数据？

• Node & Express - 如何在单个请求中将页面和一些 JS 数据发送到浏览器？

如果数据在客户端，我知道如何挂载数据，如下所示：

环境

• Node.js v5.3.0
• 快递 v4.13.3

我对Polymer非常陌生，我正在研究如何创建类似“我自己的有序列表版本”的东西。

（顺便说一句，我也在研究riotjs并尝试在那里做类似的事情，只是为了了解它是如何工作的，所以如果你对 riotjs 有所了解，也不要犹豫发布答案）

我的 html 看起来像这样：

我会生成 2 个类似的 dom 模块：

这一切都有效，但如果我真的想让它像“本机”ol一样工作，我应该能够将项目的编号添加到输出中。

有谁知道这是否可能，如果可以，怎么做？

（我的最终目标是让它工作——当然不是 ol 的精确副本，这只是一个与我想做的事情有足够相似之处的例子——然后使各个列表项内容可编辑，并确保我可以以某种方式取回该内容，但首先要做的事）

我正在开发一个 Web 应用程序，它使用 ejs 和 riot.js 进行服务器/客户端渲染 html。我想问的是通过服务器的 ejs 将数据渲染到 riot.js。对于这个问题，我准备了一个在 html 上呈现用户信息的示例。

实际上我可以将数据传递给 html，但我无法相信我通过 ejs 的 javascript 呈现信息的方式。如果有更好的方法，请教我。

server.js（快递）

索引.ejs

使用 ejs 传递给 riot 的自定义标签。这种方式好不好？

导航栏标签

环境

• node.js v5.3.0
• riot.js v2.3.12

我正在尝试将 riot 自定义标签与 browserify 一起使用。

这是我的 package.json

这是我的 index.js。

我只是对错误和出了什么问题感到困惑。我可以毫无问题地将玉编译成 html。这是文档中的示例。https://github.com/jhthorsen/riotify#usage

使用 RiotJS，我创建了一个简单的元素，其中包含一个 contenteditable div 供用户修改（myFunction 将根据某些标准对其进行样式设置）。

现在我想在我的网站的开头和结尾都有那个元素，它们应该彼此保持同步......这可能吗？

如果没有，是否可以进行单向数据绑定（顶部元素中的修改将显示在底部元素中，但不一定反之亦然）？

或者，也可以简单地将文本（不可编辑，并且不具有相同的防暴元素）显示在底部......

RiotJS 元素：（到目前为止，代码可以正常工作，但那段代码中可能存在一些小错误，因为它是我工作内容的缩减和略微修改的版本 :-)）

在 HTML 中安装：

注意：我使用的是 web2py 框架，这就是

部分来自。

我有一个模板字符串"<a onclick={ parent.foo }>Link</a>"。我想将它传递给其他标签，而不是正确渲染它。我添加了我的代码的简短示例。它不起作用，只是尝试显示我需要的东西。

我已经通读了文档，虽然它处理了由于 url（哈希）更改而更改的路由，但它没有解释如何处理书签/重新加载的路由。

我知道它是一个最小的路由器，但它肯定能够在浏览器刷新时处理加载路由吗？