angular - Primeng p-dropdown onChange 获取对象的值

Question

我有一个 p-dropdown，我想在其中获取所选的值。

<p-dropdown optionLabel="name" [options]="things"
                  placeholder="Select Thing" [(ngModel)]="input" (onChange)="getValue(input)"></p-dropdown>

typescript :

//each line prints the same thing of [object Object].
getValue(changedValue){
    console.log(changedValue);
    console.log(this.input);
    console.log(this.input.valueOf());
}

我也尝试过使用 (ngModelChange) 而不是 (onChange) 以及尝试使用 $event、$event。 target.value，$event.value 用于我的 html 中 getValue 的参数。控制台始终打印 [object Object]。

我想要查看实际值的动机是我需要该值来填充另一个下拉列表。我使用我试图查看的这个值作为搜索值来实际填充另一个下拉列表。此搜索不断返回 undefined。

Answer 1

要获取第一个下拉菜单的值，我不需要使用 (onChange)。只需使用 [(ngModel)] 将两个下拉列表基于相同的值，但像我已经做的那样填充它们的选项。

<p-dropdown optionLabel="name" [options]="things"
                  placeholder="Select Name" [(ngModel)]="input"></p-dropdown>

<p-dropdown optionLabel="id" [options]="things"
                  placeholder="Select ID" [(ngModel)]="input"></p-dropdown>

:

things: Thing[];
input: String;

这就是东西的样子:

things = [
        {id: 20, name: 'First'},
        {id: 45, name: 'Second'},
        {id: 22, name: 'Third'},
        {id: 67, name: 'Fourth'},
        {id: 88, name: 'Fifth'}
];

输入事物:

id: number;
name: string;

所以我需要的是当我在第一个下拉列表中选择我的 name 时，我需要第二个下拉列表来填充那个 name 对应的 id。我在获取 name 时遇到了问题，这正是我在这里的问题实际要求的。这只是现在已经解决的更大功能方案的一部分。