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&nbsp;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

Popular posts from this blog

javascript - Thinglink image not visible until browser resize -

firebird - Error "invalid transaction handle (expecting explicit transaction start)" executing script from Delphi -

mongodb - How to keep track of users making Stripe Payments -