AngularJS Bootstrap привязка HTML-данных содержимого привязки - PullRequest
Новая
       26

AngularJS Bootstrap привязка HTML-данных содержимого привязки

0 голосов
/ 03 октября 2019

Я добавил всплывающее окно с html (тегом div) в качестве содержимого, а тег div имеет раскрывающиеся элементы управления с данными, извлеченными из базы данных. Когда я пытался открыть всплывающее окно, я получаю только пустые выпадающие списки, а не данные, но когда я дублирую то же содержимое div, кроме popover, я могу видеть данные.

Я добавилтег script с помощью html-представления и вызова всплывающего окна, ниже приведен пример фрагмента кода, который я пробовал.

дочерний вид: 

<button type="button" data-toggle="popover" id="btnCalloutFilterSetting" ng-if="$ctrl.additionalSettingsDisplay" name="btnCardSettings"
                class="close close-card"
                aria-label="Settings">
            <i class="fa fa-fw fa-sliders"></i>
        </button>
        <script>
            $('#btnCalloutFilterSetting').popover({
                    placement: 'bottom',
                    container: 'body',
                    html: true,
                    content: function () {
                        return $('#CalloutFilterSettingPopup').html();
                    }
                });
         </script>

Родительский вид: вид сверху - дочерний вид ниже родительского 

<div class="hide panel panel-default filter-panel" id="CalloutFilterSettingPopup">
   <chid-view></child-view>
    <div class="panel-body" style="padding:15px 15px 0 15px">
        <div class="form">
            <div class="form-group sort-filter-tools">
                <label for="RRDateTimeFilter"><i class="fa fa-clock-o"></i> Past</label>
                <select class="form-control" id="RRDateTimeFilterSelect"
                        ng-model="$ctrl.filterByOptions.timeFilterByOptions.filterSetting"
                        ng-options="time.text for time in $ctrl.filterByOptions.timeFilterByOptions.filterOptions track by time.value"
                        ng-change="$ctrl.filterByOptions.timeFilterByOptions.onFilter($ctrl.filterByOptions.timeFilterByOptions.filterSetting.text)"></select>
            </div>
        </div>
    </div>
    <div class="panel-body" style="padding:0 15px 0 15px">
        <div class="form">
            <div class="form-group sort-filter-tools">
                <label for="SHORRFilter"><i class="fa fa-filter"></i> Rate Class</label>
                <select class="form-control" 
                        ng-model="$ctrl.filterByOptions.filterSetting"
                        ng-options="filters.text for filters in $ctrl.filterByOptions.filterOptions track by filters.value"
                        ng-change="$ctrl.filterByOptions.onFilter($ctrl.filterByOptions.filterSetting.text)"></select>
            </div>
        </div>
    </div>
</div>
...