AngularJS展开折叠编号链接到人员列表，折叠回编号

我想像linkedin一样实现以下场景：

让我们假设我发表评论，有人会喜欢我的评论：

Comment blah blah blah

You, Jane Jackson and 5 more like this

当您单击

5“更多”

时，它将显示完整的人员列表：

You, Jane Jackson, Jack Black, Jeny Jack, Bill Gates, Steve Mobs and Steve Jobless like this show less...

其中，

show less

是一个实际链接，单击该链接后，列表将按以下格式显示：

You, Jane Jackson and 5 more like this

假设我已将所有数据放入从服务检索的模型中：

$scope.Model = [{
  UserId: '',
  FirstName: '',
  LastName: ''
}];

用户ID用于格式化用户配置文件的实际url…

这是一个开始：

JS:

HTML:

{{person.FirstName}{{person.LastName}}
{{Model.length-2}}人们喜欢这个
显示更多
少展示

$scope.limitToNumber = 2;

<span ng-repeat="person in Model | limitTo: limitToNumber ">
     {{person.FirstName}} {{ person.LastName }}
<span>
<span ng-if="Model.length > 2">
    <span> and {{Model.length -2}} people liked this <!-- use ng-pluralize here for singular/plural -->
    <span ng-if="limitToNumber == 2" ng-click="limitToNumber=10000000">Show More </span>
    <span ng-if="limitToNumber != 2" ng-click="limitToNumber=2">Show Less </span>
</span>