Angular单向绑定与Observables相关底层实现逻辑问询

问题1：HTML输入事件单向绑定是否封装为Observable并自动订阅 #

• Angular模板中默认的输入事件单向绑定（比如写法为(input)="val = $event.target.value"的绑定逻辑）没有将事件封装为Observable，底层走的是原生DOM事件监听+Zone.js变更检测流程：
  • 模板编译阶段，Angular会直接给对应DOM元素注册原生事件监听器
  • 事件触发时直接执行绑定的赋值逻辑，没有Observable创建、订阅的环节，赋值完成后Zone.js会自动触发变更检测，把新值同步到视图
  • 只有你主动调用RxJS的fromEvent方法、或者使用async管道绑定Observable类型的事件流时，才会涉及Observable的自动订阅逻辑

  你之前认知的「异步数据需要订阅Observable才能处理」仅适用于Angular主动封装为Observable的场景（比如HttpClient请求、路由参数流等），不是所有异步逻辑都依赖Observable实现

问题2：setTimeout类异步函数是否和Observable有关联 #

• 原生setTimeout、setInterval这类JS宿主提供的异步API和Observable没有任何内置关联，两者是完全独立的技术实现：
  • Observable是RxJS提出的异步数据流标准化封装方案，本身不自带异步执行能力，需要依赖宿主的异步API实现异步推送
  • 只有当你主动使用RxJS的timer、delay等操作符，或者自定义Observable时在内部调用setTimeout推送数据，两者才会产生关联
  • Angular中setTimeout修改的变量能自动同步到模板，是Zone.js捕获异步回调触发变更检测的结果，和Observable无关

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