Question

我目前正在我的Electron App的下拉菜单中使用以下代码：

 <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>

我在这里找到它： https://ng-bootstrap.github.io/#/components/dropdown/examples

我想要的是，如果我单击示例A，则希望它显示为“选定值”。因此，而不是“选择的值”，而是“示例A”。

Answer 1

您可以为此使用字符串插值。在您的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函数添加到您的TS文件中：

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

NG-Bootstrap-下拉菜单-选择值

1 个答案: