[AngularJS]シングルページアプリケーションの親子構造の子ページから別の親子へ飛ぶリンクの貼り方

AngularJS(あるいはOnsenUI)で、１つのhtmlファイルにて親子構造(list-detail)のページを作ることはできたのですが、例えば下記のhtmlがあったとして、アメリカの有名人用の詳細画面（例：キャロラインケネディ）から
アメリカの大統領用の詳細画面（例：ケネディ大統領）へ飛んだり、
アメリカ歴代大統領のリストへ飛んだりするにはどうすれば良いでしょうか？
教えてください。また、子ページから孫ページに該当する飛ばし方もあれば教えて頂ければ幸いです。
現在親子構造の移動には
$scope.navi.pushPage('detail.html', {title : selectedItem.title}); を使っています。

lang
1<ons-template id="list1.html">
2<ons-navigator var="navi">
3<ons-page>
4<!--アメリカの有名人のリスト-->
5</ons-page></ons-navigator></ons-template>
6<ons-template id="detail.html">
7<ons-page>
8<!--アメリカの有名人用の詳細画面-->
9</ons-page></ons-template>
10<ons-template id="list3.html">
11<ons-navigator var="navi">
12<ons-page>
13<!--アメリカ歴代大統領のリスト-->
14</ons-page></ons-navigator></ons-template>
15<ons-template id="detail2.html">
16<ons-page>
17<!--アメリカの歴代大統領用の詳細画面-->
18</ons-page></ons-template>