ng-repeatの中でspanのidをインクリメントして内容を出し分けたい

少しアプリ開発とブログから離れていましたが、戻ってきました！

前回はng-repeatというビルトインディレクティブが使えるんじゃないか？？
というところでした。

開発中のアプリになんとかng-repeatを適用することができて、html部分のコード量を大幅に減らすことができました！
（以前はidが1から12まで増えるだけリストをベタ書きで12回書いていた…）

と　こ　ろ　が

12個のリストのガラは表示されているが、肝心の文字が表示されていない！

＜ng-repeatで作った＞

＜htmlのベタ書きで作った＞

なんでだ！

表示される文字（この画面では選手名）をspanのidごとに割り当てる動作は、
この画面を呼び出す直前にjavascriptで行っている。（と思っています）

▪️想定の動き
①画面の初期化
　　↓
②pageinitで初期化を検知して、javascriptでspanのidごとに選手名を割り当て
　　↓
③画面が表示される（spanのidごとに選手名が入っている）

という順番だと思っていたけど、ng-repeatはどのタイミングで展開されるんだろう…
わからない