angularjs - オブジェクトをテンプレートに渡し、現在のビューにレンダリングします

Question

APIからロードされたユーザーのリストがあります

<div ng:controller="UserController">
    <li ng-repeat="user in users">
         <a ng:click="select(user)">
            {{user.first_name}} {{user.last_name}}
         </a>
    </li>
</div>

ユーザーがクリックされたときに、ユーザーの詳細情報を表示する追加のビューを開きたいです。こんな景色を想像して

小さな青い領域は選択されたユーザーで、大きな青い領域は詳細なユーザー情報を表示するコンテナーです。

function UserController($scope){
    $scope.select = function(user){
        console.log(user);
    }
}

したがって、ユーザーがクリックされると、ユーザー オブジェクトをログに記録できます。この時点まで機能します。しかし、ユーザーデータで満たされた余分なコンテナを開く方法がまったくわかりません。

ファイル システムからテンプレートをロードし、オブジェクトを渡し、すべてを現在のビューに追加するだけの方法はありますか? angular.jsでこれを行うにはどうすればよいですか?