Javascript Angular2/4材料设计<；mat错误>；不工作-未找到结果时

我将Angular4材质设计与WebAPI结合使用-我试图显示一条验证消息-“未找到匹配项” 当用户在（材料自动完成）中输入无效值时

我尝试了一些基于谷歌搜索的东西：-

以下是我目前的执行情况：

HTML

附加的错误消息：-

---

myErrorStateMatcher

必须是类实例，而不是函数。另外，

.bind（this）

没有必要/没有任何作用，因为您在模板中无法访问

this

见文件：

您应该能够使用

iErrorState

创建一个对象：

@Component(...)
class MyComponent {
  ...
  myErrorStateMatcher = {
    isErrorState(control, form) {
      /* do your check here */
    }
  }

如果不起作用，您也可以尝试

myErrorStateMatcher:ErrorStateMatcher=

。最终，您可能需要/想要创建一个类：

class MyErrorStateMatcher implements ErrorStateMatcher

---

这包含您正在使用的

iErrorStateMethod

，然后在组件中设置

myErrorStateMatcher=new myErrorStateMatcher

。

我认为问题在于：myErrorStateMatcher.bind（this）。把它放在一个方法中

@Component(...)
class MyComponent {
  ...
  myErrorStateMatcher = {
    isErrorState(control, form) {
      /* do your check here */
    }
  }

class MyErrorStateMatcher implements ErrorStateMatcher