angular - 不明白为什么这个 bool 比较失败

Question

对 Angular 相当陌生，而且不是最有经验的 javascript/typescript 开发人员。大多数是较小的项目。

目前不知道为什么此比较失败。

if(data.success == true) {
      //do stuff
    }

我得到的数据结构定义为

export class RegResponse {
  success : boolean;
  error : string;
  constructor(success: boolean, error: string){
    this.success = success;
    this.error = error;
  }

和data.success 的 console.log 为 true。

console.log(typeof(data.success)) 是字符串(出于某种原因)？但如果我尝试对变量进行字符串比较，它声明的操作会抛出不适用于 bool 值的错误。

所以我很困惑为什么这不起作用。

这是一种解决方法，但我不明白为什么明显的第一次比较失败了。

if(data.success + '' === 'true') {

Answer 1

您将 success 声明为 bool 值这一事实并不意味着您的服务将返回一个 bool 值。如果端点返回一个字符串，那么它就是一个字符串。

Typescript 用于类型定义，它只是表达“我希望这里有一个字符串，那里有一个 bool 值”的一种方式，但如果来源未知，那么你必须自己检查。

当您分配data.success时，您可以执行以下操作:

data.success = response.success === 'true';

作为进一步的解决方案，如果您使用 Angular 4+，您只需在 Http 客户端中指定接口(interface)即可实现安全的类型检查系统。

您可以在 official guide 中阅读更多内容:

getReg() {
  // it will return an Observable of RegResponse
  return this.http.get<RegResponse>(this.configUrl);
}

但它不会帮助您将字符串转换为 bool 值，如果您期望某些东西并得到其他东西，这只会失败!