如何在angularjs中检测md接触芯片上的焦点或触摸

Question

我正在尝试检测用户是否关注md联系人芯片。

在所有其他控件上，通过formName.controlName.$touched 可以很容易地在表单内检测到它

这是CodePen

提前谢谢。

Answer 1

我认为md接触芯片不是表单元素或链接，因此不具有获得/失去焦点的能力。（来源：ngFocus上的AngularJS文档）不过你可以绑定ng-click-md联系人芯片。

示例CodePen，它绑定ng点击并接收点击的md接触芯片的模型值。

正如你所看到的，我在md接触芯片元素中添加了一个ng-click：

<md-contact-chips ng-click='ctrl.chipFocus(ctrl.contacts)'

我在AngularJS控制器中添加了chipFocus方法：

self.chipFocus = function(contact) {
  alert('focus gained');
  console.log(contact);
  //you could do something with contact here
};

Answer 2

这可能是你问题的答案，但如果你想在loseFocus或tab上添加芯片输入，你可以添加这个：

md-add-on-blur="true"

参考：https://github.com/angular/material/pull/9095