如何在单元格模板中显示动态数据时动态设置行高

时间:2015-10-16 07:23:57

标签: angularjs angular-ui-grid

有没有办法动态设置行的高度,我的意思是我使用单元格模板在单元格中渲染数据,其中使用了ng-repeat,而我重复的数据是动态的,可以增加或减少计数。所以我需要一种方法来调整行高。

1 个答案:

答案 0 :(得分:0)

希望这可以解决您的问题。您可以使用link: function($scope, element, attrs) { var searchTerms = $scope.searchTerms; var terms = searchTerms.split(' '); $scope.highlightedHTML = element.html(); if (searchTerms !== undefined && searchTerms.length < 3) { return; } $scope.highlightTerm = function(term) { console.log("html - ", term, html); var highlighted = $scope.highlightedHTML.replace(new RegExp(term, 'gi'), '<span class="highlightedText">$&</span>'); //element.replaceWith(highlighted); return highlighted; }; function highlight(terms, compile) { // Try to highlight each term unless the word // is less than 3 characters // if the term is not highlighted remove one character // from it and try again for (var i = 0; i < terms.length; i++) { var term = terms[i]; while (term.length > 2) { var current = $scope.highlightedHTML; $scope.highlightedHTML = $scope.highlightTerm(term); if (current !== $scope.highlightedHTML) { break; } term = term.substring(0, term.length - 1); } } compile(); } highlight(terms, function() { element.replaceWith( $scope.highlightedHTML); }); } http://plnkr.co/edit/0J5XbE?p=preview