Я хочу вставить дополнительную строку, встроенную в таблицу, когда клиент нажимает на строку. Данные не должны быть предварительно выбраны, так как я ожидаю, что будет максимум 30 строк, но где каждая строка имеет связанные данные, которые было бы неразумно извлекать за один раз.

Пока что мой подход заключается в использовании ng-repeat для итерации моей коллекции и отображения таблицы. Когда клиент нажимает на строку, клиент ожидает, что сведения о строке будут показаны в виде дополнительной строки под нажатой строкой.

            
  {{court.name}}
  {{court.number}}
  {{court.nrOfPlayers}}
  
    <a href="" ng:click="toggle(court.number)">Details</a>  
  

Мне удалось показать детали под столом с помощью нг-шоу хакерским способом, но это не то, что я хочу.

Как вы делаете это с angular.js? Каков угловой способ сделать это?

Вот скрипка с дурацким примером игры в сквошhttp://jsfiddle.net/HByEv/