从 clr-dropdown 获取值答案

【问题标题】：Get values from clr-dropdown从 clr-dropdown 获取值
【发布时间】：2020-02-25 20:53:27
【问题描述】：

我是 Angular 和清晰度项目的新手，基本上我有这个下拉菜单

<clr-dropdown>
            <button class="btn btn-outline-primary" clrDropdownTrigger>
                Is Active
                <clr-icon shape="caret down"></clr-icon>
            </button>
            <clr-dropdown-menu *clrIfOpen>
                <div clrDropdownItem>Item1</div>
                <div clrDropdownItem>Item2</div>
            </clr-dropdown-menu>
</clr-dropdown>
<br>None Selected

而且我不知道如何进行数据绑定，我已经尝试过：

<clr-dropdown-menu *clrIfOpen name="rangeAge" [(ngModel)]="rangeAge">

但是当我将 ngModel 放在那里时，下拉菜单停止显示选项。

这是[下拉清晰项目][1]的链接

[1]: https://vmware.github.io/clarity/documentation/v0.13/dropdowns 我得到的例子

【问题讨论】：

您使用了错误的组件。清晰度下拉菜单并不像选择元素那样使用。这就是您想要的：clarity.design/documentation/select 该文档链接也已过时，当前链接位于：v2.clarity.design
让我和我的老板核实一下，他们给了模板，哈哈@nullptr.t

标签： angular drop-down-menu vmware-clarity

【解决方案1】：

<clr-dropdown>
        <button class="btn btn-outline-primary" clrDropdownTrigger>
            Is Active
            <clr-icon shape="caret down"></clr-icon>
        </button>
        <clr-dropdown-menu *clrIfOpen>
            <div *ngFor="let Item of Items" clrDropdownItem  (click)="onMnuClick(Item)">{{Item}}</div>
        </clr-dropdown-menu>

在你的代码中：

onMnuClick(item: any) {
   console.log(item);
}

【讨论】：