javascript - uib-popover-template not showing -
hi trying use uib-popover-template
on font awesome icon sort of settings menu can't popup show. in header of page using:
<h3>{{vm.title}} <i class="fa fa-ellipsis-v pull-right" aria-hidden="true" uib-popover-template="'options-panel.html'" popover-placement="left"></i> </h3>
and have ellipses in right corner kind of 'more options' menu. options-panel.html
4-5 <select>
dropdowns depending on page looks this:
<div class="row"> <div class="form-group col-md-12"> <label for="viwemode">view mode</label> <select id="viewmode" class="form-control" ng-model="vm.currentviewer" ng-options="view view in vm.views" ng-change="vm.viewchange();"></select> </div> <div class="form-group col-md-12" ng-repeat="viewoption in vm.genericoptions"> <label for="{{viewoption.label}}">{{viewoption.label}}</label> <select id="{{viewoption.label}}" class="form-control" ng-model="vm.config[viewoption.label]" ng-options="v k (k,v) in viewoption.values" ng-change="vm.optionchange(viewoption.label);"></select> </div> <div class="form-group col-md-12" ng-repeat="viewoption in vm.vieweroptions"> <label for="{{viewoption.label}}">{{viewoption.label}}</label> <select id="{{viewoption.label}}" class="form-control" ng-model="vm.config[viewoption.label]" ng-options="value value in viewoption.values" ng-change="vm.optionchange(viewoption.label);"></select> </div> </div>
and lastly in controller class have object has template url in it:
vm.popover = { template: '<a href uib-popover-template="\'options-panel.html\'" popover-placement="left"></a>' };
i not sure missing not popover show let alone 1 template in it. if ellipses (fa-icon) uib-popover="test"
popover show 'test' in have uib dependency correctly installed.
consider uib-popover-template plunker
i don't know data structure should work.
you don't need anymore
vm.popover = { template: '<a href uib-popover-template="\'options-panel.html\'" popover-placement="left"></a>' };
Comments
Post a Comment