在 angular-ui-grid 中使用外部范围函数时无法获得正确的值
Cannot get right value when use external scope function in angular-ui-grid
我正在使用 angularjs 1.4.9 和 ui-grid 3.1.1
我已经使用外部作用域 (grid.appScope) 访问函数以从网格中的单元格获取值,但我无法获取正确的值。
笨蛋:plnkr.co/edit/f0c24q5w9Fbx9ap1XUG7?p=preview
如果我们点击产品01到产品05的图片我们可以得到正确的值,图片会正常显示,但是如果我们点击产品20-产品23的图片我们就看不到正确的图片。
如果我们单击一个单元格(使用 cellNav
功能)并单击按钮 "Get current focus cell",我们总能得到正确的值。
那么如何才能通过grid.appScope
得到真正的值呢?
问题是可见 table 下方的项目很难跟上。试试这个 plunkr
更改的代码:
var imageTemplate = '<div class="ui-grid-cell-contents" ng-if="!!row.entity.image" style="text-align: center">'
+ '<img ng-src={{row.entity.image}} width="50px" height="50px" ng-click="grid.appScope.addImage(row.entity.image)"/></div>';
[注意我去掉了引号]
我正在使用 angularjs 1.4.9 和 ui-grid 3.1.1
我已经使用外部作用域 (grid.appScope) 访问函数以从网格中的单元格获取值,但我无法获取正确的值。
笨蛋:plnkr.co/edit/f0c24q5w9Fbx9ap1XUG7?p=preview
如果我们点击产品01到产品05的图片我们可以得到正确的值,图片会正常显示,但是如果我们点击产品20-产品23的图片我们就看不到正确的图片。
如果我们单击一个单元格(使用 cellNav
功能)并单击按钮 "Get current focus cell",我们总能得到正确的值。
那么如何才能通过grid.appScope
得到真正的值呢?
问题是可见 table 下方的项目很难跟上。试试这个 plunkr
更改的代码:
var imageTemplate = '<div class="ui-grid-cell-contents" ng-if="!!row.entity.image" style="text-align: center">'
+ '<img ng-src={{row.entity.image}} width="50px" height="50px" ng-click="grid.appScope.addImage(row.entity.image)"/></div>';
[注意我去掉了引号]