javascript - 在 Ui.grid 中使用 rowTemplate 会禁用 angularjs 中的选择

Question

自 6 个月以来，我一直在使用 ng-grid 在我的 angularJs 项目中显示数据，最近我尝试使用 ui.grid 而不是 ng-grid。我发现实现上存在的行模板很困难我的旧 ng-grid 页面。问题是在放置 rowtemplate 之后，我无法在 ui.grid 中选择任何行:'(。

    $scope.gridOptions = {
    /*other statements */
    rowTemplate : '<div myCustomDirective attributes="gender" ng-model="gridOptions.selectedItems" g-style="{ \'cursor\': row.cursor}"><div class="ngVerticalBar" ng-style="{height:rowHeight}" ng-class"{ngVerticalBarVisible:!$last}"></div><div ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name" class="ui-grid-cell" ng-class="{ \'ui-grid-row-header-cell\': col.isRowHeader }" ui-grid-cell></div></div>'
 /*other statements*/
  };

这是我的 plunker 示例 edit example in plunker我的问题请帮助我解决这个问题。 当我谷歌时，我只得到简单的单元格模板，没有与自定义指令+rowTemplate相关的链接或示例:'(

Answer 1

rowTemplate : '<div myCustomDirective attributes="gender" ng-model="gridOptions.selectedItems" g-style="{ \'cursor\': row.cursor}" <div ng-repeat="col in colContainer.renderedColumns track by col.colDef.name" class="ui-grid-cell" ui-grid-cell></div></div>'

请注意，我删除了第二个 div 开头的“>”括号，并且我能够选择以前不可能的行。

这是某种错误还是我是 Html/Javascript 初学者

这对我来说似乎是正确的

<div>
  <div></div>
</div>

而不是

<div <div></div></div>

谁来解释一下