时间戳

首页 > 解决方案 > 这段代码'true <=> false'是什么意思

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

问题描述

我今天看到了这段代码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)),
]);

谢谢

标签： javascriptangulartypescript

解决方案

这段代码在 Angular 中定义了过渡动画。它定义了一个触发器'state'，它定义了两种状态；称为'false'和'true'。 这与实际的 javascript 布尔值无关，false只是true编写此代码的人决定调用它们。实际上，您可以更改为更具描述性的内容，例如'hiddenState'and 'shownState'。

然后它定义状态之间的转换，告诉角度转换适用于两种方式，无论是从'false'to'true' 还是 from 'true'to 'false'。

然后你可能有一些 html 代码说[@state]="...". 如果这包含字符串'false'和/或'true'，并且您已决定更改我上面描述的状态名称，那么您也必须在此处进行更改。我还建议将这个词更改'state'为'mytrigger'不要混淆。这也需要在 .ts 文件和 .html 文件中进行更改

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

推荐阅读