Angular方法参数存在异常行为的技术问询

看你给出的代码场景，父组件里isInstalled明明是true，但传到子组件customModalComponent的show方法后出现异常，我整理了几个最可能的排查方向：

1. 异步流程中的变量篡改风险 #

你在chrome.runtime.sendMessage的回调里发起了异步HTTP请求this._service.getById(id)，虽然当前回调里isInstalled是true，但要警惕：

• 有没有可能在HTTP请求等待响应的间隙，父组件中其他代码意外修改了isInstalled的值？
• 建议在subscribe回调里加日志，确认传递给模态框前这个值是否依然正确：

this._service.getById(id)
  .subscribe(response => {
    console.log('传递给模态框前的isInstalled:', isInstalled); // 加这行验证
    this.customModal.show($e, response, isInstalled);
  });

2. 子组件show方法的逻辑漏洞 #

你给出的子组件show方法代码不完整，这里可能藏着问题：

• 是不是赋值时出现笔误？比如写成了this.isExtensionInstalled = !isInstalled（多了取反符号）？
• 子组件的isExtensionInstalled有没有被其他生命周期钩子（比如ngOnInit、ngOnChanges）再次重置为默认的false？
• 可以在子组件show方法开头加日志，确认参数是否正确接收：

show(event, response, isInstalled: boolean) {
  console.log('子组件收到的isInstalled:', isInstalled); // 验证参数传入情况
  this.isExtensionInstalled = isInstalled;
  // 剩余逻辑...
}

3. 模态框实例引用是否正确 #

确认父组件对customModal的引用是否有效：

• 父组件里是否通过@ViewChild正确获取了子组件实例？比如：

// parentComponent.ts中需要声明
@ViewChild(CustomModalComponent) customModal: CustomModalComponent;

• 如果模态框是动态创建的（比如用ComponentFactoryResolver），要确认操作的是正确的组件实例，避免参数传递到了未显示的实例上。

4. 类型隐式转换问题 #

虽然你做了const isInstalled = reply ? true : false的转换，但还是可以确认：

• chrome.runtime.sendMessage返回的reply是不是真的能被正确转为布尔值？比如有没有可能是字符串"true"而非布尔类型？可以加console.log(typeof isInstalled)确认类型是否为boolean。

优先通过日志验证每一步的变量值和类型，基本就能快速定位到问题所在了。

内容的提问来源于stack exchange，提问作者gog