javascript - 这个代码 'true <=> false'是什么意思

Question

我看到了这个代码true <=> false今天。 但我不知道这个表达式，也无法理解这段代码是如何工作的。

请帮助我理解这段代码。

顺便说一句，这段代码在ionic 4的控制页面动画中是这样写的。

export const FeedOut = trigger('state', [
  state('false', hiddenStyle),
  state('true', showStyle),
  transition('true <=> false', animate('300ms ease-in')),
  transition(':leave', animate(400, hiddenStyle)),
]);

谢谢

Answer 1

此代码定义 transition animations in Angular 。它定义了一个名为'state'的触发器，它定义了两种状态；称为 'false' 和 'true'。 这与实际的 javascript bool 值 false 和 true 无关，这只是编写此代码的人决定如何调用它们。事实上，您可以更改为更具描述性的内容，例如 'hiddenState' 和 'shownState'。

然后它定义了状态之间的转换，告诉 Angular 该转换适用于两种方式，无论是从 'false' 到 'true' 或从 'true' 到 'false'。

那么你可能有一些 html 代码，上面写着 [@state]="..."。 如果其中包含字符串 'false' 和/或 'true'，并且您决定按照我上面的描述更改州的名称，那么您这里也得改一下。 我还建议将 'state' 更改为 'mytrigger' 以免混淆。这也需要在 .ts 文件和 .html 文件中进行更改

编辑:实际上，Angular 现在似乎为此解析 bool 值，因此您可以简单地使用状态名称“true”和“false”，然后让 Angular 评估 html 内的真实性，而无需转换为字符串