无法访问 cellTemplate 中的 ui-grid

Question

我正在尝试在 angular 框架内的 ui- 网格中创建一个具有不同格式的列。

columnDefs: [{
                    name: 'Column', width: 300, visible: true, cellTemplate: '<a href="modelremote:{{ grid.getCellValue(row, col) }}">{{ grid.getCellValue(row, col) }}</a>'
                }]

但是，当代码为 运行 时，我得到以下错误

jinja2.exceptions.UndefinedError: 'grid' is undefined

Answer 1

事后看来，这里的解决方案和问题一样显而易见。错误消息指向 jinja2，它是我用来为我的页面提供服务的模板引擎。

angular 和 jinja2 都使用 {{ 和 }} 这具有讽刺意味，因为人们认为选择它们是为了准确避免这种冲突。

只需转义花括号即可解决问题。

   columnDefs: [{
                    name: 'Column', width: 300, visible: true, cellTemplate: '<a href="modelremote:\{\{ grid.getCellValue(row, col) \}\}">\{\{ grid.getCellValue(row, col) \}\}</a>'
                }]