不确定我是否正确理解了你的问题。你可以使用三进制来根据lock.isHover的值改变名称值。

<button ion-button icon-only #lock (mouseover)="lock.isHover = true" (mouseout)="lock.isHover = false">
    <ion-icon [name]="lock.isHover ? 'lock' : 'unlock'"></ion-icon>
  </button>

如果你只是为了视觉效果而改变，我会选择css路径：

button:hover ion-icon{
   // css styling for hover state
  }

我建议使用（mouseenter）和（mouseleave）来代替。这样，事件就很清楚了。'mouseover'可能会导致图标快速来回切换。