0

I'm using the inspector-gadget AngularUI module as a footer cell of a Angular UI Grid

Here's the markup:

<div class="ui-grid-cell-contents" col-index="renderIndex">
   <inspector-gadget data-container="body" data-placement="bottom" ng-controller="FooterCtrl">
   <a id="{{ 'popover-' + col.field }}" name="{{ col.displayName }}">{{ col.getAggregationValue() }}</a>

    <inspector-title style="width: 100%">
       <span class="text-info"><strong>{{ col.field }}</strong></span>
    </inspector-title>

    <inspector-content>
       <div>
          <select class="form-control" popover ng-model="col.colDef.stat" ng-options="stat as stat for stat in col.getRenderContainer().grid.stats"></select>
          <input type="text" placeholder="Name" class="form-control" maxlength="5">
       </div>
     </inspector-content>
   </inspector-gadget>
</div>

UI grid passes the col variable to the outermost scope here but it fails to show up in the inner scopes. I was expecting it'd be visible to the inner scopes for inspector-content and inspector title as well.

Plunkr with the issue here. See how {{ col.field }} isn't rendered.

aa333
  • 2,556
  • 16
  • 23
  • Isn't this related to http://stackoverflow.com/questions/23912227/how-to-pass-data-to-angular-strap-popover ? – matys84pl Oct 23 '14 at 19:50
  • Not sure if it's related but the approach used in that question i.e create popover on the fly, might be useful for me too. I'll give that a shot. – aa333 Oct 23 '14 at 20:01
  • Thanks! That approach worked. I'll post an answer soon. – aa333 Oct 23 '14 at 20:14

0 Answers0