问题标签 [ractivejs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - RactiveJS 应该针对触发代理事件的元素,而不是子元素
我正在尝试向单击的类添加一个active
类名。li
显示它已被选中。
我的模板:
它是如何称呼的:
我如何处理事件:
我发现了什么:
event.target
是被点击的内部元素a
(例如div.imgwrapper
, figcaption
)
Non Ractive 的行为类似:div 上的单击事件不应由其子级触发
什么是使用点击代理对象定位元素的好解决方案?
javascript - 嵌套对象的两种方式绑定失败
我正在尝试在嵌套对象上实现两种方式绑定,下面是我的模板
下面是我的数据结构
还有JS代码,
预期的行为是,每当联系人中的名称数组或活动值发生更改时,文本框值和名称也应更新。目前它克隆当前并附加到各自的姓名和联系人,但未在 DOM 中更新。
我想做的是
在数据对象中,active
属性是要从contacts
对象键中使用的活动键。在示例中,因为它是“一”,这意味着contacts.one
,所以值是
在上述对象中,keynames
是该联系人的可用名称值,并且active
是要使用的名称中的名称索引。它将被计算为
最后参考数据将是
希望这很清楚,请让我知道如何解决此问题以动态更改活动更改时的引用数据。
ractivejs - Component.defaults 在创建 ractive js 组件时未定义
我正在尝试在我的项目中创建一个新的 ractive 组件,就像一个简单的测试用例一样。但是,当呈现包含该组件的部分时,我在 ractive.js 中收到一个错误,指出 Component.defaults 在该行中未定义
实际上,Component 对象中唯一的就是我添加的组件。
作为参考,我使用的是 Ractive.js 4.0。
然后在父 ractive 中,我有:
其中 productComponent 是对 productComponent.js 文件的引用
模板使用它在循环中创建组件
ractivejs - RactiveJS dynamic variable name
I'm curious if I can somehow use dynamic variable names in templates. For example, I'm having a loop, though a type of units in my game:
Where the value of the input should return the value of {{units_1}} for example, which represents the amount of units (type 1).
I could easily do some external object and store the amount of units for each of them but, I was wondering if I can keep the data binded because somewhere in the template there will be a total needed resources which is calculated whith these values.
The only "solution" which came into my head was to get rid of the loop and manually write the units in the template. But, when units change, I also need to change the template, and.. the real template structure for one unit is a bit bigger than this snippet.
Example:
And I was looking for something like:
Which is obviously not working and not even supposed to work this way. But, thats why I'm here right ? To raise questions.
Regards !
ractivejs - ractivejs 列表排序,升序降序支持?
我试图了解 ractivejs 中是否有用于降序和升序的功能。我在文档中找不到任何内容。
ractivejs - 如何从 Ractive 组件的 {{>content}} 部分中捕获事件?
假设我定义了一个模态组件,它为模态窗口内的其他内容定义了一个容器。
我可以使用 {{>content}} 部分定义该内容,但如果任何内容包含点击等事件,我无法从定义该内容的 Ractive 捕获该事件。
我只能从组件中捕获这些事件。
有没有办法使这项工作?
javascript - 活性计算属性
我有一个使用 firebase 的简单测试应用程序,带有以下模板和模型。我想访问计算的 newprice 中的价格值,以将其格式化为具有 2 个小数位的货币。我不知道如何获得在输出中显示良好的 .price 值,但我尝试过的任何东西似乎都无法在计算中看到 .price 。对 newprice 的调用工作正常,因为我可以返回文本并在输出中看到它。它使用 .price 的原因是从 firebase 返回的数据将每个品牌、型号、价格包装在一个唯一的自动生成的 id 中,所以我看到一个顶级对象,每个条目 id 和其中的数据作为具有品牌、型号的对象,价格。
需要一些关于如何获得 .price 价值的指导。
ractivejs - RactiveJS, Stuck at Tutorial 4. Event proxies
I am following the Tutorials but I am stuck at 4. Event Proxies:
The following doesnt work for me, it just happens nothing:
Here is a live example: http://jsbin.com/kupetofawavu/1/
What am I missing, please?
ractivejs - 在 RactiveJS 中将事件向下广播到子树
我需要从父组件到子组件的触发事件,例如broadcast
AngularJS 中的方法。在 RactiveJS 中怎么可能?
PS: For example i have a tabs with different content includes components, when tabs renders only one tab active(visible) other tabs are hidden. 当我选择其他选项卡时,它会变为活动状态并显示内容。此时选项卡应该refresh
向下发送事件到子组件,让他们知道他们必须初始化或刷新(因为当它被隐藏时它无法正确初始化)。
ractivejs - 从父作用域获取数据
我正在尝试使用 Ractive 组件实现单页应用程序,并且我需要一些页面范围的选项。我确实喜欢这样:
当我使用它时一切都很好{{#if options.someOption}}
,但后来我遇到了一个问题 -rective.get('options.someOption')
返回未定义(都带有ractive.get('options')
)。观察也不起作用。有什么方法可以让我的代码理解我吗?
UPD。意外解决了一部分魔法的问题 - 当我将 {{options.someOption}} 放在模板上时,get() 开始工作。