如何在打字稿中反转布尔“假”（ionic3和cordova）

Question

在我的应用程序中反转布尔值时遇到了一些意想不到的问题。

环境： 我有一个应用程序，用 Ionic 3 用 typescript 编写，我在 cordova 的帮助下将它部署在 android 设备上。

• Android API 25
• 科尔多瓦版本：7.0.1
• “@angular/core”：“4.1.0”
• “离子角”：“3.2.1”
• “@ionic/cli-plugin-cordova”：“^1.2.1”
• 打字稿 2.3.3

问题： 我只是想反转一个布尔值，如下面的 console.log 示例所示：

console.log('Clazz: ', clazz.name, ' : ', clazz.boolValue, ' : ', !clazz.boolValue)

输出：

Clazz:  A  :  true  :  false
Clazz:  B  :  true  :  false
Clazz:  C  :  true  :  false
Clazz:  D  :  false  :  false
Clazz:  E  :  false  :  false
Clazz:  F  :  false  :  false

因此，“真”被反转，但“假”保持不变。因此，我在 Angular 中的 *ngIf-Directives 无法按预期工作。

问题： 我做错了什么吗？还是只是发生了，我正在使用的组合软件版本确实存在故障？

Answer 1

这只是一个猜测，但它可能是一个不错的猜测，我认为您的 clazz.boolValue 在运行时可能以某种方式是一个字符串而不是布尔值。这将描述您所看到的行为。

!'true' // evaluates to boolean value false
!'false' // also evaluates to boolean value false

试试

console.log('Clazz: ', clazz.name, ' : ', clazz.boolValue, '|', typeof clazz.boolValue, ' : ', !clazz.boolValue) 

确认。