Electron NG引导-下拉列表-选择值

我目前正在使用以下代码作为我的Electron应用程序的下拉菜单：

 <div class="row">
                    <div class="col">
                        <div ngbDropdown class="d-inline-block">
                            <button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>Selected Value</button>
                            <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
                                <button class="dropdown-item">Example A</button>
                                <button class="dropdown-item">Example B</button>
                                <button class="dropdown-item">Example C</button>
                            </div>
                        </div>
                    </div>
                </div>

选定值
例A
例B
例C

我在这里找到的：

---

我想要的是，如果我单击示例A，我希望它显示为所选值。因此，这里没有“选择值”，而是“示例A”。

您可以使用字符串插值。在TS文件中，您可以执行以下操作：

selectedValue: string = 'Selected Value';

在HTML文件中，您可以执行以下操作：

<button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>{{selectedValue}}</button>

<button class="dropdown-item" (click)="changeDropdownName('Example A')">Example A</button>

changeDropdownName(value: string) {
this.selectedValue = value;
}