aframe-state 组件到 attach/detach 个组件

Question

我正在尝试 attach/detach 根据特定条件将组件转换为实体。

例如，我希望能够跟踪两个条件 -

在我将组件附加到实体之前。

其中有一个基于布尔值的 attaching/detaching 组件示例。这是他文档的摘录

There's a bind-toggle component which will attach and detach a component entirely based on a boolean value.

<a-entity bind-toggle__raycastable="isRaycastable"></a-entity>

但是，不清楚在可投射光线组件附加到实体之前在哪里设置布尔值。

我正在寻找一个可以按如下方式编写实体的解决方案

<a-entity bind-toggle__move="condition1 && condition2"></a-entity>

当满足条件 1（单击播放按钮）和条件 2（倒计时不为零）时，组件 "move" 将附加到实体。我需要知道在哪里设置条件 1 和条件 2 的值。

如果您能为此提供一个工作示例，那就太好了。

如果这样更容易理解，我可以附上代码笔。

Answer 1

有两个事件：buttonclicked 和 countdownzero 在各自的组件中发送到场景。

然后处于状态：

buttonclicked: function (state) {
  state.buttonClicked = true;
},

countdownzero: function (state) {
  state.countdownFinished = true;
}

然后可以做bind-toggle__move="buttonClicked && countdownFinished。如果您想澄清，请告诉我！

aframe-state component to attach/detach components