NG-Bootstrap - Dropdown - Выбрать значение - PullRequest
Новая
       12

NG-Bootstrap - Dropdown - Выбрать значение

0 голосов
/ 20 ноября 2018

В настоящее время я использую этот код для выпадающего меню для моего приложения 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>

Я нашел его здесь: https://ng -bootstrap.github.io / # / components /выпадающий список / примеры

Если я нажму на Пример А, я хочу, чтобы это отображалось как Выбранное значение.Таким образом, вместо «Выбранное значение» появляется «Пример А».

1 Ответ

0 голосов
/ 19 марта 2019

Для этого вы можете использовать интерполяцию строк.В вашем файле 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;
}
...