Hi all I created up to here:
<div ng-repeat>
{{some content}}
<a style="cursor: pointer; text-decoration: underline;" 
id="showMore{{$index}}" ng-if="element.length > 50" ng-click="readMore()" 
ng-show="showMe">Read more</a>
<a style="cursor: pointer; text-decoration: underline;" 
id="showLess{{$index}}" ng-click="less()" ng-show="showMe1 && 
report[column.column].length > 51">Show less</a>
</div>

and in Controller:

$scope.wordLimit = 50;
$scope.showMe = true;
$scope.readMore = function () {
$scope.wordLimit = 10000;
$scope.showMe = !$scope.showMe;
$scope.showMe1 = true;
};
$scope.showMe1 = false;
$scope.less = function () {
$scope.showMe = true;
$scope.showMe1 = !$scope.showMe1;
$scope.wordLimit = 50;
};
But when I click on "Show more " button , all the show more got clicked and 
all the value is show. Similar with "Show less".

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to