在Angular模板中直接修改变量值是否为最佳实践？

两种写法都可行，选择哪种取决于你的场景：

• 简单单一操作场景
  如果只是单纯把showModal设为true，直接在模板里写 <div (mouseover)="showModal = true">完全没问题，代码简洁直接，不需要额外定义方法。

• 复杂/需复用的场景
  如果后续可能要添加额外逻辑（比如打印日志、调用服务、防抖处理，或者同时修改多个状态），或者这个逻辑要在多个模板元素里复用，那一定要用handleHover()这类组件方法：

  1. 把逻辑封装在组件类中，不会让模板变得臃肿，可读性更强
  2. 方便调试（可以给方法加断点）、添加注释，后续维护更轻松
  3. 逻辑复用性高，修改一处就能同步所有调用的地方

总结建议 #

• 仅做单一简单变量修改：直接写模板表达式即可
• 有扩展需求或逻辑需要复用：优先用组件方法封装逻辑

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