bentorfs angular bootstrap 多选：多显示道具

Question

我们的团队正在使用 bentorf's angular bootstrap multiselect 并且效果很好，但我们想知道是否可以添加更多显示道具。现在我们只在多选下拉列表中显示姓名，但理想情况下我们希望其他项目也显示（例如职位、部门等）

这可能吗？

Answer 1

它支持 Objects as model 和 display-prop 输入，因此您不应传递名称字符串列表，而应传递模型对象列表并将 display-prop 设置为模型的 getter 属性。

比方说display-prop="fullName"。然后你在你的模型 class 中定义 getter 像：

class Employee {
    private name: string;
    private department: string;

    get fullName(): string {
        return `Name: ${this.name} | Dept: ${this.department}`;
    }
}

bentorfs angular bootstrap 多选：多显示道具

bentorfs angular bootstrap multiselect: multiple display-prop

multi-select

angular