Блог

Главная - Вопросы по программированию - Невозможно нажать кнопку click во всплывающем контенте

Невозможно нажать кнопку click во всплывающем контенте

#jquery #angular

#jquery #угловой

Вопрос:

Я пытаюсь реализовать всплывающее окно и внутри него функцию click, но моя функция click не работает. Вот мой код:

 $('[data-toggle="popover2"]').popover({
    trigger: 'click',
    placement: "top",
    html: true,
    content: `<div class='input-group input-group-srchAgent' style='margin-bottom:5px;width:255px;'>
        <div class="popover-content popover-srchAgent">` `</div>
        <span class='input-group-addon' style='color: #a7a7a7; font-size: 18px; font-weight:normal; border-bottom-left-radius: 20px;border-top-left-radius:20px; border:1px solid #d7d7d7; border-right:0px; padding:6px 12px;width: 50px;height: 44px;'>
            <i class='fa fa-search' aria-hidden='true' ></i>
        </span>
        <input class='form-control provider-search' placeholder='Search' id='partnerAgentSingleSearch' type='text' style='width: 94px;'>
        <select id='getId' title='Provider' class='form-control round provider-select' (change)='changeProviderList($event)' style='width:100px'>
            <option value='myproviders'>MY PROVIDERS</option>
            <option value='all'>ALL</option>
        </select>
    </div>`
})

Это моя кнопка click, но она не работает:

 changeProviderList(event) {
    // not working on popover
    console.log(event.target.value, '===========');
}

Кто-нибудь может помочь?

Комментарии:

1. Как вы ожидаете, что angular узнает о всплывающем контенте, чтобы иметь возможность использовать (change) ?

2. Вероятно, вам пришлось бы динамически создавать экземпляр компонента и привязывать его к группе ввода во всплывающем окне после его показа, но я, честно говоря, никогда не пробовал такую вещь.

3. Какой тогда вариант @AnuragSrivastava

4. Может помочь что-то вроде этого: ng-bootstrap.github.io/#/components/popover/examples