自定义组件中的角度预选选项未显示答案

【问题标题】：Angular preSelected options in custom component not showing自定义组件中的角度预选选项未显示
【发布时间】：2023-04-07 16:38:01
【问题描述】：

我正在尝试制作一个具有多选下拉菜单的组件。当我创建这个组件的一个实例时，我想向它传递一个对象列表（在我的例子中是 ICatagory）以显示为选项。我还想将相同对象的列表（在我的情况下为 ICatagory）作为预选值传递给它。

到目前为止，我可以将对象列表传递给它，它会将其显示为选项，我还可以将我想要的 preSelected 值传递给它。但是，即使我可以通过 preSelected，它也不会将这些值显示为已选择。

这是我要澄清的堆栈闪电战。注意：加载时没有选择任何内容。我希望在创建时选择 preSelected 值。

对于 Angular 来说还是有点新，所以请原谅你看到的任何反约定模式。

【问题讨论】：

【解决方案1】：

所有，我能够弄清楚。

你的

中有一个叫做 [compareWith] 的东西

^^^stack blitz with solution.^^^

代码差异。在 my-drop-down.html 我补充说：

 [compareWith]="byId"

进入垫选择

在 my-drop-down.ts 中我补充说：

byId(obj1,obj2){
 if(obj1 != undefined && obj2 != undefined){
    return obj1.id === obj2.id;
  }
}

这能够将选项预选为对象。

如果有人有更好的答案，我会张开耳朵。

【讨论】：