Я добавил всплывающее окно с 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>