问题标签 [riot.js]

在 Riot.js 中，可以使用 if 属性/帮助器有条件地显示元素。https://muut.com/riotjs/guide/#conditionals

我一直在努力做到这一点，但它似乎对我不起作用。这是一个 Codepen。http://codepen.io/geordee/pen/EjYgPq?editors=100

我在使用 BrunchJS 和 RiotJS 时遇到了麻烦（我对这两种工具都是新手）。我的标签编译正确，但是当试图“实例化”它们时，它都是空白的，好像它们没有内容一样。有任何想法吗？我不应该安装组件吗？我可以不在索引文件中挂载它吗？ 这里有一个带有相关文件的要点。( 包括编译好的组件，感谢riot-brunch插件)

我正在使用一个名为 的库RiotControl，并RiotControl拥有一组Store实例。它还在添加到其中的每个商店上连接了一些事件侦听器：

https://github.com/jimsparkman/RiotControl/blob/master/demo/todo.tag#L31

AStore观察并触发自己的事件：

https://github.com/jimsparkman/RiotControl/blob/master/demo/todostore.js#L21

在上面的例子中，商店会todos_changed在自己身上触发一个事件。但不知何故，这个事件在对象上也是可观察的RiotControl：

https://github.com/jimsparkman/RiotControl/blob/master/demo/todo.tag#L31

我不清楚RiotControl从Store. 据我所知，RiotControl在forEach循环中，将在其上触发的事件调度到它管理的每个商店，这就是为什么TodoStore可以观察self.on('todo_add')。我无法弄清楚self.trigger('todos_changed')气泡是如何RiotControl形成的，因此在那里也可以观察到。有人知道吗？

这里的简单问题，但不幸的是无法解决。如标题中所述，我无法让 Riot 显示其自定义标签的内容。

hello.js 是生成的js，代码如下：

这是它的 HTML：

I can't seem to figure out how to pass my variable into the class, ID, or data attributes on my custom element.

opts.status, opts.id, and opts.url all work if I pass them in an element like <p>, but how do I pass the variable into the attributes? The HTML output includes them as strings.

我正在使用 Riot JS，在我的 index.html 中，我有 3 个自定义标签——标题、登录面板和候选面板。在我的主 app.js 中，在 $(document).ready 的回调函数中，我执行当前路由并注册一个路由更改处理函数。在我的 switchView 中，我卸载了所有自定义标签，然后尝试仅安装与正在切换的当前视图相关的标签。这是我的代码。如果我卸载，则页面上不会显示任何内容

索引.html

应用程序.js

目前使用 RiotJS 和 Mocha 进行单元测试。想知道我是否可以使用 PhantomJS 和 CasperJS 之类的无头浏览器 webkit 对我的 RiotJS 标签/页面进行额外测试。到目前为止，我加载标签/页面和对文档执行查询的所有尝试都失败了。将不胜感激任何样品/链接。

谢谢

更新：querySelector 对“#testId”失败，但对“testId2”成功。

从我的单元测试中提取：

这个小提琴坏了。删除 oops 功能以修复它。需要oops功能时怎么办？ https://jsfiddle.net/mvvapzub/1/

这是一个具有防暴功能（isFolder）并且没有损坏的小提琴。 https://jsfiddle.net/walkermatt/1vdo5pmf/1/

我有最基本的自定义标签，但它没有安装。另外，如果我使用riot.mount('*')，我会在 riot.min.js 中收到此错误

编译标签

索引文件：

为了学习 riot.js，我从著名的引导导航栏示例开始。然后我使用 riot.js 添加了我的自定义标签：

最后我尝试使用我的新标签，替换

经过

结果坏了。为什么？（原始完整示例可在此处找到：jsfiddle.net/0hp9pwpu）