问题标签 [ractivejs]

我已经看到有模板解析器将模板转换为不太易于阅读的形式，所以我想如何从已经解析的 PHP 发送模板。

有些模板很大，有很多表达方式。这会提高性能吗？即使它是一个可以忽略不计的因素，它是否可以避免浏览器再次重新解析模板？

如果是这样，我查看了函数并尝试重载它，以便了解这些变量的含义，如下所示：

但我没有超载它。要么我很笨，要么不是这样。我想将parse函数“移植”到 PHP 中，以便可以将预解析的模板发送到应用程序。（而且防盗有一个很大的优势，因为其他人在看到这种模板时并不能真正改变那么多）

我想知道是否有可能获得standalone解析函数，以便将其移植到 PHP。

我有一组冗长、复杂且有点脏的模板，在 0.3.9 中可以正常工作，但在 0.5.5 中无法正常工作，我收到错误消息：“尝试取消渲染未渲染的片段”。

我的模板非常复杂，但我可以重现适用于 0.3.9 但不适用于 0.5.5 的切片。

这就是它在 0.3.9 中的工作方式：http: //jsfiddle.net/Katio/ujx2e/

0.5.5 中的此模板显示了上述错误：http: //jsfiddle.net/Katio/W3Lus/

编辑1：

Thaylon 在 Github 上的 Ractive 项目中打开了一个问题： https ://github.com/ractivejs/ractive/issues/1003

在当前的应用程序中，我正在使用如下路由器加载我的视图

目前每个菜单项共享相同的数据对象。但是根据每个菜单选择，主视图被替换为新的 html。

我想为每个菜单项提供如下实例

但是在这里我的疑问是，每当哈希更改时，我将调用每个实例以将视图呈现为“容器”，如何清除在将主视图替换为新 html 时创建的所有两种方式数据绑定。请帮助我。

如果我以错误的方式处理，那么最好的处理方式是什么。

注意：我的问题可能听起来很愚蠢，但我正在寻找对此的澄清:)

我有菜单选项列表，每个菜单项都有自己的 Ractive 实例，具有不同的模板但共享数据相同。当每个选择发生变化时，我会调用teardown()渲染视图实例和render(domElement)当前选择的 Ractive 实例。

一个示例实例如下所示，并且都遵循相同的结构。

我将它们渲染如下

在第一次render()调用视图中按预期呈现，但在调用之后teardown()，如果我再次调用render()它不会呈现contacts列表数据并且只显示名称属性，但在初始调用时呈现。

请帮我解决这个问题。

我需要list array在两个 div 中显示一个，前半部分在第一个 DIV 中，后半部分在第二个 DIV 中。请注意，我不想将列表数组拼接成两部分并将它们显示在两个列表中。

这是我的模板，例如

例如，如果我有如下数据

它需要呈现如下

请给我建议以进一步进行。

我有一个像下面这样的模板

正如您在上面看到的，<a href="{{href}}" class="{{class}}">{{linkText}}</a>它被重复使用了两次。是否有任何可能的解决方案可以定义一次并根据需要多次使用它。

I am attempting to fire a function that is part of the data object I'm passing to RactiveJS when populating a template. I've tried a few other libraries, but I can't find what I'm looking for. Here is the description of what I'm doing, and I'm hopeful that someone can suggest a library for doing what I'm trying to do.

A service is feeding my application a JSON Object that looks something like this

My template appears to be correct As instructed by the Documentation

Then I build a new Ractive instance

Trouble is, clicking on each user won't actually do anything because RactiveJS doesn't seem to work like that. It handles events like this.

What I'm trying to do is trigger the action function inside of the data object that I passed in without the controller knowing what the name of the method is. Specifying it in the template, and in the data object should be enough.

Ractive gives enough information that I can traverse the data object, but this isn't good enough.

JSBin Example

Is RactiveJS not the right library for the job? Thank you ahead of time for helping me in my search.

我注意到通过数据分配给 ractive 的每个数组都有一个 _ractive 属性......问题是，这个数组似乎有一个 _ractive: Object ，它是一个键：值对，这不应该在数组。

所以我添加了一个关于 chrome 检查的屏幕截图以明确这一点。

有人可以帮助我更好地理解这一点吗？

我的团队目前正在使用 Ractive 来显示一系列警报。每个警报：

• 使用 Ractive 渲染视图
• 启动 Twitter widgets.js，它会做一些 DOM 操作（嵌入推文）
• 稍后更改该视图中的数据（当用户选择不同的警报时）

由于 Twitter 的 DOM 更改会干扰 Ractive 的虚拟 DOM，我们目前使用在 Twitter完成ractive.reset()后重置 DOM - 这可以防止由于 Twitter 在 Ractive 背后操纵 DOM 而发生的一大堆 DOM 问题。widgets.jsreset()cannot appendChild of null

但是，在我们运行ractive.reset()表达式之后似乎不再起作用。

这是处理可能操纵 DOM 的其他库的正确方法吗？如何使表达式在 之后继续工作reset()？

这是一个快速演示 - 请注意表达式在之前reset()但之后无效：

和强制性的 JSFiddle

我是新的 Ractive.js 用户。

我想做两个按钮，点击它们，出现“警报”消息。我在这里做 了我的页面的正文

什么也没发生。问题可能是两个脚本之间的冲突吗？