代码之家  ›  专栏  ›  技术社区  ›  integral100x

为什么我的ui网格cellTemplate图像不显示?

  •  0
  • integral100x  · 技术社区  · 6 年前

    我正在为angularjs itunes应用程序从ng grid升级到ui grid,我很难在ui grid中显示相册图像和视图图标,它似乎很难绑定到img标签。视图图标应链接到url(见下文)。

    在我的$范围内。网格选项。。。

    {field: 'View', displayName: 'View', width: 60, cellTemplate: '<div class="ui-grid-cell-contents ng-binding ng-scope" ng-class="col.colIndex()"><a ng-href="grid.getCellValue(row, col)"><img ng-src="https://images.onlinelabels.com/images/clip-art/emyller/emyller_magnifying_glass.png" height="30px" width="30px" lazy-src /></a></div>'},
    
    {field: 'AlbumArt', displayName: 'Album Cover', width: 110, cellTemplate: '<div class="ui-grid-cell-contents ng-binding ng-scope" ng-class="col.colIndex()"><img ng-src="grid.getCellValue(row, col)" lazy-src /></div>'},
    
    1 回复  |  直到 4 年前
        1
  •  2
  •   bags    6 年前

    根据 UI-Grid Tutorial 对于自定义模板:

    您可以使用网格。行模板中的appScope访问控制器作用域中的元素

    所以你的cellTemplate需要调用 grid.appScope.getCellValue(...) 而不是 grid.getCellValue(...) . 您的ng src表达式还需要 {{ brackets }} 所以Angular会对其进行评估。

    下面是一个基于columnDefs的快速而肮脏的示例: http://plnkr.co/edit/jGGBx1PlOjUqAq282L7I?p=preview