在Angular2中搜索包含空格的字符串

Question

我在表上实现了一个过滤器/搜索框，根据字符串输入过滤掉结果。但是当我键入包含空格的字符串时（例如：John Doe），过滤器组件不会输出与“John Doe”相关的结果。

更清楚的是，如果有3个条目，1。John，2。John Doe，3。John Doe Smith，

当搜索框的输入为“John”时，将显示所有3个条目。当输入为“John Doe”时，结果仍然显示所有3个条目，而不仅仅是2个。

我想知道为什么不考虑这个空间。在AngularJS 1.x中实现时，没有问题。但是无法让它在Angular2中运行。我需要在输入字符串上添加任何特定条件吗？

    onKeyUp()
    {
       if(this.value.length >= 3)
           this.onkeyup.emit(this.value);
    }

我这样做是为了搜索查询仅在输入3个字符后才给出结果。但是如果我继续包含空格的搜索字符串，则结果不会更新。

此外，当我退格一个字符时，搜索结果也不会再次更新。