问题标签 [ractivejs]

我正在学习如何使用ractive并且无法解决问题，代码位于以下jsfiddle。

我正在做的事情的要点是队列的计数器（数组中的最后一个对象是当前人员）： 1. 显示当前人员队列号的计数器 2. 显示队列大小的计数器

A) 工作正常，但逻辑过于臃肿，因此我尝试将其转换为单独的变量，如 B) 所示，但它根本不更新。

我在代码中放置了一个观察者来观察队列变量何时发生变化。我希望每次单击“跳过当前人员”或“删除当前人员”时它都会显示警报，但警报仅在我第一次加载页面时显示。

可以说我有以下代码：

模板

javascript

如何从 javascript 代码中防止来自 a href 的下一次点击事件？我试过 event.preventDefault(); 但该对象没有“preventDefault”方法

我为 Ractive.js 测试了新的 Backbone 适配器，它就像一个魅力加载它作为示例......

现在我正在尝试使用 require.js 和 ractive.backbone 适配器在 AMD 中加载模块，因为 ractive 库尚未加载...

来自 ractive.backbone.js （未捕获的 ReferenceError: Ractive is not defined ）

使用 AMD 加载 Ractive 适配器的最佳实践是什么？

嘿，我一直在学习 RactiveJS，到目前为止我真的很喜欢它。我想将它与 RequireJS 一起使用，发现： https ://github.com/Rich-Harris/Ractive/wiki/Using-Ractive-with-RequireJS

但是，它没有显示 html 模板或任何代码是如何实现的。这是我迄今为止最好的：

所以上面的代码可以工作，但你必须明确地把你想要的代码位作为模板。

上面的链接中是否有代码的工作示例？或另一个示例，该示例显示如何将 require 与 ractive 一起使用，但不必在模板对象中硬编码胡须。

感谢您的帮助。

我在混合 Android 应用程序的 WebView 组件中运行的 Web 应用程序中使用Ractive。整个 Web 应用程序位于设备本地，并随应用程序一起安装。

当我在桌面浏览器中运行 Web 应用程序时没有问题。

但是，在混合应用程序中，当我尝试创建 Ractive 实例时，会有大约 30 秒的延迟。我一直在 ADT LogCat 中得到这个：

即使我尝试创建一个仅提供el和template配置字段的精简 Ractive 实例，我也会得到这个。当我跳过创建 Ractive 实例时，我没有收到错误消息。而且我编写的代码都没有使用地理定位或发出非本地请求。

如您所见，它似乎正在尝试做一些与地理定位有关的事情。我在 Ractive 源中搜索了一些提示，但什么也没找到（如果我这样做了，我会感到惊讶）。

有没有人遇到过这种事情？

在我们的项目中，我们将 Ractive 与 Backbone 一起使用。Backbone.View 有一个“setElement”方法，它基本上设置 Backbone.View 的 el 属性，从而允许将 View 附加到 DOM 的不同元素。我想知道 Ractive 对象是否有类似的功能。简单地改变 Ractive 对象的 el 属性并不能解决问题。

我对上述方法不起作用并不感到惊讶。问题是：有没有办法让它发挥作用，或者通常是不可能的？

我知道我可以将 oRactive.el 附加到“someOtherDomElement”，但这不是我想要的。

我正在尝试使ractive.js动态更新MathJax。

现在我知道您可以通过以下方式触发 MathJax 重新加载：

所以我把它绑定到观察回调：

但是当我尝试用它渲染 MathJax 时，\begin{equation} {{output}} \end{equation} 它仍然保持在其初始值。

测试用例

奇怪的是，它确实获得了初始值，而不是更新。

有什么想法吗？

编辑：它似乎确实添加了一大堆嵌套MathJax_MathContainer元素，每个调用它出现一个。

JsFiddle 演示与 Peter Krautzberger 的建议- 似乎仍然不起作用

我发现自己处于一种情况，我想从父 Ractive 访问从 Ractive 组件创建的实例。例如

运行它，我将获得 3 个 myComponent 实例。现在我想要的是从 myRactive 的方法中调用任何组件实例上的 uselessFunction 的某种方法（或者在所有实例上更好）。

当然有许多可能的解决方法（比如在组件中使用观察者，然后更改一些共享属性）来实现这一点，但我希望有一些内置的接口。唉，尽管我筛选了 myRactive 对象，但我似乎找不到对组件实例的引用。虽然我怀疑有一个，但看到 myComponent 的 teardown() 也会在每个组件上调用 teardown() 。

我开始使用Ractive，我想更好地了解如何制作可重用的组件。编写可在不同情况下使用的通用小部件非常容易。我的问题是，我的应用程序中的数据通常不是小部件所期望的形状，我不知道如何扩展小部件以使其更加特定于应用程序。

举一个具体的例子，假设我正在编写一个 Ractive 组件来设计折线图。我会做一些类似的事情

使用类似的模板

这个组件可以像这样使用

现在假设我实际上需要使用这样的组件。points可能我的数据不是像上面那样以双分量数组的形式出现。也许我有更多类似的东西

所以，我想做的是制作一个更具体的应用程序Chart，以接受上述形式的数据。我没有看到一个简单的方法来做到这一点Chart.extend，因为对points变量的引用是硬编码的chart.html。

在像 Backbone 这样的框架中，视图是嵌套的，因此我可以将内部小部件包装到更大的视图中，并在外部视图中定义数据转换的逻辑。我不太确定如何在 Ractive 中继续前进。也许我应该从一开始就以不同的方式设计小部件。

更一般地说，我的问题是我可以在 Ractive 中编写小组件，但我不太确定如何将它们组合成更大的东西。

Ractive 中专门化或扩展组件的惯用方式是什么？或者将许多组件组合成一个更大的应用程序？

我会尽量让这个尽可能简短和甜蜜。

在Ractive.js中，如何监听组件父级上的自定义事件。

- 或者 -

如何在所有子组件上触发自定义事件。