Лучший способ ng-повторить информацию внутри тега ‹pre›

Я хотел бы использовать angular ngRepeat или аналогичный для создания форматированного текста внутри блока «pre». Например, что-то вроде этого:

function MyController($scope)
{
   $scope.data = [{test:'one', children:[...]},{test:'two', children:[...]}]; 
}

<pre>
  {{ngRepeat item in data}}
  {{item.test}}
       {{ngRepeat child in item.children}}
           {{child.title}}
       {{/ngRepeat}}
  {{/ngRepeat}}
</pre>

Очевидно, я мог бы просто создать строку, но мне любопытно, есть ли способ сделать это в шаблонах Angular.