Angularjs 用于过滤的ng grid HeaderCell模板

对于使用ng grid的过滤，我指的是按列ng grid，我以这个plunker为例，它工作得很好-。然而，当我尝试制作自己的列过滤示例时，我按照ng网格文档使用var

var myHeaderCellTemplate = '<div class="ngHeaderSortColumn {{col.headerClass}}" ng-style="{cursor: col.cursor}" ng-class="{ ngSorted: !noSortVisible }">'+
                           '<div ng-click="col.sort($event)" ng-class="'colt' + col.index" class="ngHeaderText">{{col.displayName}}</div>'+
                           '<div class="ngSortButtonDown" ng-show="col.showSortButtonDown()"></div>'+
                           '<div class="ngSortButtonUp" ng-show="col.showSortButtonUp()"></div>'+
                           '<div class="ngSortPriority">{{col.sortPriority}}</div>'+
                         '</div>'+
                         '<div ng-show="col.resizable" class="ngHeaderGrip" ng-click="col.gripClick($event)" ng-mousedown="col.gripOnMouseDown($event)"></div>';

var myHeaderCellTemplate=''+
“{{col.displayName}}”+
''+
''+
“{col.sortPriority}”+
''+
'';

---

我在小马队一直遇到语法错误。有人能告诉我这里发生了什么吗？

您的模板字符串包括

“

'<div ng-click="col.sort($event)" ng-class="'colt' + col.index" class="ngHeaderText">{{col.displayName}}</div>'+

编辑：

如果你需要过滤盒，你会错过这个

<input type="text" ng-click="stopClickProp($event)" placeholder="Filter..." ng-model="col.filterText" ng-style="{ \'width\' : col.width - 14 + \'px\' }" style="position: absolute; top: 30px; bottom: 30px; left: 0; bottom:0;"/>

到

---

是的，我也这么做了，但是过滤框不会出现。有没有办法在过滤发生在子字符串上而不是从开始字符开始的地方获得它。例如，当前如果键入S，则会在以S开头的列中显示以Sa开头的所有数据。是否有一种方法可以使过滤在所有包含Sa的数据上进行，而不仅仅是从Sa开始。

<input type="text" ng-click="stopClickProp($event)" placeholder="Filter..." ng-model="col.filterText" ng-style="{ \'width\' : col.width - 14 + \'px\' }" style="position: absolute; top: 30px; bottom: 30px; left: 0; bottom:0;"/>

var filterText = (col.filterText.indexOf('*') == 0 ? col.filterText.replace('*', '') : "^" + col.filterText) + ";";
searchQuery += col.displayName + ": " + filterText;

searchQuery += col.displayName + ": " + col.filterText;