javascript - Demystifying Angular scope inheritance -
javascript - Demystifying Angular scope inheritance -
i'm using inspector-gadget angularui module footer cell of angular ui grid
here's 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 stat 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 col variable outermost scope here fails show in inner scopes. expecting it'd visible inner scopes inspector-content , inspector title well.
plunkr issue here. see how {{ col.field }} isn't rendered.
javascript angularjs angular-ui
Comments
Post a Comment