在md-autocomplete中选择空项目show [Object Object]

Question

我试图在我的md-autocomplete中添加一个空项目。它显示但是当我在文本框中选择它时，我看到[对象对象]。

我的项目清单如下

 [ 
   {value: '', display: ''},
   {value: 'white', display: 'White'},
   {value: 'green', display: 'Green'},
   {value: 'orange', display: 'Orange'}
 ];

这里我的codepen有问题

https://codepen.io/Matteo93/pen/PEgWYo

Answer 1

我无法解释为什么会这样，但AnguarJs尝试启动Object而不是String。 如果你在''之间留一个空格，AngularJs会将它理解为一个String并将其显示为那个。

顺便说一下。我建议每次都选择一个值。我会建议“没有”或“默认”。

Answer 2

将github.com/angular/material/issues/3760上的Apr 10, 2018 it was tagged视为“已弃用”，表示它“已考虑过时，陈旧，已弃用，没有核心或风险太大”。