angularjs - Angularjs ng-if停止レンダリングdiv

Question

私は AngularJS を学んdivでいます$index == 2。

これは私のコードです:

<span ng-repeat="element in [0,1,2,3]">
    <div ng-if="$index == 2"> 
        <div> I'm the div
    </div>                  
    <div>
         My element: {{element}} - Index: {{$index}}
    </div>      
    <div ng-if="$index == 2"> 
        </div> I'm the /div
    </div>
</span>  

Fiddle: http://jsfiddle.net/2prRw/3/

問題

「My element: 0」、「My element: 1」、および「My element: 3」は表示されません。

結果は次のとおりです。

I'm the div
My element: 2 - Index: 2
I'm the /div

ありがとう！

編集

期待される結果は次のとおりです。

   span
     div
         My element: 0
     /div
     div
         My element: 1
     /div
     div
         div
            My element: 2
         /div
     /div
     div
         My element: 3
     /div
   /span