我之前也碰到过几乎一模一样的场景——用ngrx管理状态时，组件因为状态更新触发重渲染，导致输入框意外失焦。结合你的描述，问题大概率出在状态更新引发组件重渲染，输入框的DOM焦点没被保留，或者是pressEnter事件的默认行为/冒泡干扰了焦点。下面给你几个针对性的解决方案：

1. 手动强制输入框重新聚焦 #

这是最直接的验证和临时修复方案，能快速确认问题根源。你可以通过ViewChild获取输入框元素，在dispatch动作完成后主动让它重新聚焦：

首先在模板给输入框加个模板引用标识：

<input #tokenInput type="text" (keydown.enter)="handleEnter($event)" />

然后在组件类里获取元素并处理聚焦逻辑：

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-tokenfield',
  templateUrl: './tokenfield.component.html'
})
export class TokenfieldComponent {
  @ViewChild('tokenInput', { static: false }) tokenInput: ElementRef;

  handleEnter(event: KeyboardEvent) {
    // 阻止默认行为，避免触发表单提交等导致失焦的操作
    event.preventDefault();
    event.stopPropagation();

    const token = /* 你的token生成逻辑 */;
    this.addToken(token); // 调用容器组件的方法触发store dispatch

    // 在下一个事件循环tick执行聚焦，确保组件状态更新完成
    Promise.resolve().then(() => {
      this.tokenInput.nativeElement.focus();
    });
  }
}

2. 用OnPush变更检测策略减少不必要的重渲染 #

Angular默认的变更检测策略会在全局状态变化时检查所有组件，很容易导致无意义的重渲染。把组件的变更检测改成OnPush，只有当输入属性引用变化或组件内部事件触发时才会更新：

import { Component, ChangeDetectionStrategy } from '@angular/core';

@Component({
  selector: 'app-tokenfield',
  templateUrl: './tokenfield.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush // 添加这一行
})
export class TokenfieldComponent {
  // ... 其他组件逻辑
}

⚠️ 注意：使用OnPush的前提是你传递给组件的输入属性是不可变数据——比如在ngrx的reducer里，添加token时要返回新的数组引用，而不是修改原数组：

// 正确的reducer写法（不可变更新）
function tokenReducer(state: Token[] = [], action: Actions) {
  switch (action.type) {
    case Actions.ADD_TOKEN:
      return [...state, action.payload]; // 返回新数组，触发OnPush组件更新
    default:
      return state;
  }
}

// 错误的写法（修改原数组，不会触发OnPush组件更新）
// return state.push(action.payload);

3. 排查事件冒泡或默认行为干扰 #

有时候pressEnter事件会触发父元素的表单submit事件，导致页面重渲染或焦点转移。除了在handleEnter里调用event.preventDefault()和event.stopPropagation()，还要检查容器组件是否包裹在<form>标签里，如果是的话，可以给表单加(ngSubmit)="$event.preventDefault()"，或者把相关按钮的类型设为button而非默认的submit。

建议先试试第一种手动聚焦的方法，如果能解决问题，再结合OnPush优化性能，这样既能保证功能正常，又能避免不必要的组件重渲染。

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