问题标签 [riot]

我是 RiotJS 的新手（昨天才发现）。我只是试着做一个没有用的小实验。我创建了两个标签文件（navbar.tag 和 dropdown.tag）。每一个都尽可能简单——只需一个带有文件名的 h3 标签：

在我的 index.html 页面上，我想将下拉标签嵌套在导航栏标签中，如下所示：

那行不通。导航栏显示，但不下拉。只有当我将两个标签分开时，两者都起作用——即，像这样：

知道如何在 html 页面中嵌套不同的标签。我知道您可以将它们嵌套在 .tag 文件中，但这不是我想要做的。我想要的是灵活地嵌套我在任何 html 页面上创建的自定义标签（就像我可以使用常规 html 标签一样）。

有任何想法吗？

谢谢。

如果我在表单标签上并且我想更新导航标签。当表单标签上发生事件时。如何在没有 riot.update() 的情况下更新导航；

不同的页面

我一直在关注这个雄心勃勃的项目https://github.com/nippur72/RiotTS，它已经将 riotjs 转移到了 riot-ts。作者使用了 bower，我正在尝试使用 jspm 让它工作。

jspm repo 列表中不存在 riot-ts，所以我使用导入jspm install npm:riot-ts

包.json：

SystemJS 配置（为了简洁省略了一些文件）：

即使在最简单的设置中，TSC 也抱怨找不到Riot tsc app.ts --module AMD

来自 gulp 的错误

该文件存在。路径是正确的。它只是没有发现骚乱。

有没有人有 riot-ts 使用 jspm 的例子？

2016 年 1 月 6 日更新

• 没有打字文件。http://jspm.io/docs/getting-started.html 上的指南确实需要提及. 浪费了很多时间。
• 尽管这修复了 typescript 的错误，但它并没有修复 riot-ts 的集成。我现在已经回到凉亭了。

2016 年 2 月 6 日更新

• 无法让 @template 装饰器在 typescript 中工作。尝试了多个ts定义文件。TS简直吐...

riot observable 在递归函数中不起作用？

事件不能连续触发

plunker：ijOIsQMSt37wqAvIFGx6

我怎样才能做到这一点？

（看到类似问题没有答案，有点沮丧）

有一个文件夹/文件设置，其中测试与打字稿中的模块并排放置。试图让一些简单的工作，但不是很远。

打字稿配置：

业力配置：

测试文件：stockmarket-service_test：

test-main（位于根目录）

当我使用karma start浏览器报告运行测试时：Uncaught Error: Module name "stockmarket-service" has not been loaded yet for context: _. Use require([])

这很奇怪，因为我将它包含在规范中。

完整项目在这里（WIP）：https ://github.com/sidouglas/riot-ts

我有一个我正在试验的基本按钮标签，我不确定为什么 Riot JS 没有呈现下面的内容。

如果我将“登录”包装在<span>标签中，它会正确呈现。

我希望因为我已经<script>在我的自定义 riot 标记中定义了我，所以它会将其评估为 HTML。相反Login is not defined，我的浏览器出现错误。

如果我希望它呈现为 HTML，是否有一种方法必须转义这个文本，或者我错过了什么？

我有一个项目使用 ES2015 作为代码，也使用 Riot。
（不过，Riot 组件不需要在 ES2015 中，只需要在旧 JS 中）
我也在使用 Webpack 来构建项目。

我遇到的问题是：

“./src/test-tag.tag
模块解析失败：.../tag-loader/index.js！.../riotjs-loader/index.js?{“type”：“none”}！ .../test-tag.tag Unexpected token (5:18) 您可能需要适当的加载程序来处理此文件类型。”

它抱怨是因为 riot 组件脚本代码的外观，即。一个函数必须只有 this 作为它的声明functionName() { /* the code */ }，即。没有关键字function。

这是我的完整项目

应用程序.js

测试标签.tag

索引.html

包.json

webpack.config.js

现在 - 这一切都将按预期工作，除了单击按钮什么都不做，因为该代码已被注释掉。
如果click_actionin 中的行test-tag.tag未注释，则会$ webpack导致在这个（非常巨大的）问题顶部引用的错误。

有什么办法可以让 webpack 接受标准的 riot 代码？
或者
有没有一种不同的方式可以让 webpack 不会抱怨的方式来定义 riot 内部函数？

这导致Error TS2307: Cannot find module 'wnumb'.

但是，如果我这样做：

它编译。

使用来自https://github.com/retyped/wnumb-tsd-ambient/blob/master/wnumb.d.ts的类型 ，我需要做前者，因为我需要在 AdvancedSlider 类中处理它。

我究竟做错了什么？

编辑 2016 年 8 月 2 日

无法让它工作。

用过的：

这对我来说似乎是失败的。继续...

我将数据插入到 HTML 中，如下所示：

我正在尝试将span标签转换为textareaon mouseclick，以便用户可以像这样编辑文本：

问题是当用户在编辑文本后离开 textarea 时，它会抛出该focusGone函数未定义的错误：

我如何在 riotjs 中完成这项工作？

我有做幻灯片动画的 jquery flexslider。但问题是在加载 DOM 之前加载了库，因此无法触发 flexslider 的操作。

html:

在角度方面，我已将其固定如下：

但是我如何在 riotjs 中解决同样的问题？

防暴代码：