<dt ng-if=“row.value.length == 1”>Value</dt> <dt ng-if=“row.value.length < 5 && row.value.length > 1”>Possible values</dt> <dt ng-if=“row.value.length >= 5”>

Possible values (<a ng-init="row.isCollapsed = true" ng-click="row.isCollapsed = !row.isCollapsed">{{row.isCollapsed? 'show' : 'hide'}}</a>)
</dt>

</dt>

<dd ng-if=“row.value.length == 1”>{{row.value[0]}} (this field will always hold this value)</dd> <dd ng-if=“row.value.length > 1”>

<div ng-class="{hide: !row.isCollapsed || row.value.length < 5}">{{row.value.slice(0, 4).join(', ')}}, <a ng-init="row.isCollapsed = true" ng-click="row.isCollapsed = !row.isCollapsed">and {{row.value.length - 4}} more</a>.</div>
<ul ng-class="{hide: row.isCollapsed && row.value.length >= 5}">
  <li ng-repeat="v in row.value"><code>{{v}}</code></li>
</ul>

</dd>