javascript - ui-router を使用して子または孫の状態をデフォルトのインデックス状態として設定するには?

Question

ui-router で angular を使用しています。私がやりたいのは、ユーザーが次のようなリンクを参照するときです。

/
/contacts
/contacts/:id

それらはすべてデフォルトでリンク/contacts/:idと同じコンテンツをデフォルトの :id とともに表示し、URL は変更されません ( /contacts/:idに変更されません)。

これについては ui-router wiki に FAQ がありますが、孫またはさらに深い子孫の状態で初期化する方法のデモはありません。

方法: 既定/インデックスの子状態を設定する

いくつかの異なる状態設定を試しましたが、役に立ちませんでした。私はそれを間違っていますか？サンプルページは次のとおりです。

ui ルーター テスト