list - AngularJSで多用途の部分的な「テンプレート」を作成するには?

Question

私はアイテムの大きなリストを持っています。各アイテムには独自の詳細があります。

私のメイン ビュー/部分では、アイテム名の大きなリスト リストを表示するだけです。ユーザーがアイテムをクリックすると、「テンプレート」として機能する部分ページにページが移動し、クリックされたリストアイテムに基づいて情報が表示され、URL がどのように見えるかが表示されます。例えば/listItem1/

下のこの図は、うまくいけば、私が達成したいことをかなり明確に要約しています。

これどうやってするの？

現在、各リスト アイテムのすべての情報をオブジェクト リテラルの配列に格納する、非常に標準的な設定を行っています。このオブジェクト リテラルは、メイン アプリ モジュールに挿入されたコントローラーに含まれています。そのようです：

    var app = angular.module('app', [/*nodependencies*/]);

    var controllers = {};

    app.controller(controllers);

    controllers.listController = function ($scope){ 
    $scope.list = [
            {name: 'List Item 1 Name',  detail1: 'blahblah1', detail2: 'blahblah2'},
{name: 'List Item 2 Name', detail1: 'blahblah1', detail2: 'blahblah2'},
{name: 'List Item 3 Name', detail1: 'blahblah1', detail2: 'blahblah2'}  
        ..... and so on

基本的なビュー/パーシャルの作成方法も知っています。しかし、私の次のステップは何でしょうか？