Javascript 角度(单击)调用函数并失去焦点

Javascript 角度(单击)调用函数并失去焦点,javascript,angular,typescript,angular9,Javascript,Angular,Typescript,Angular9,我使用的是bootstrap,它有一个按钮样式,如果我点击按钮而失去焦点,效果会很好。我需要能够调用一个函数,然后在单击按钮时失去焦点。例如: <button type="button" class="btn btn-primary btn-sm" style ="background-color: black; margin-top: 0px; margin-bottom: 10px; position:relative;" (click)="save()">Save&l

我使用的是bootstrap,它有一个按钮样式,如果我点击按钮而失去焦点,效果会很好。我需要能够调用一个函数,然后在单击按钮时失去焦点。例如:

<button type="button" class="btn btn-primary btn-sm" 
    style ="background-color: black; margin-top: 0px; margin-bottom: 10px; position:relative;" (click)="save()">Save</button>
我如何实现调用TS文件的保存?当然,TS文件可以正常工作,但是我可以单击页面中的任何其他内容。当我改变焦点时,它会做我想做的事情,按钮会回到正常的样式。是否有一种方法可以在单击事件或其他事件中喜欢模糊或将焦点设置为另一个元素等,我可以使用它。模糊等

您可以尝试使用并调用其上的函数

拯救 这里的按钮表示模板引用变量,在调用save处理程序之前,我们在处理程序部分调用blur方法