Ionic dynamic tabs are not working

I am new in Ionic and AnguarJs. I have created a tab dynamically using ng-repeat. Tab title values are coming correct but tab content are incorrect.

Here is my code,

<ion-tabs class="tabs-positive tabs-striped tabs-top theme-color">
<ion-tab ng-repeat="sub in subjects" title="{{sub.MockTestSubjectTitle}}">
    <ion-tab-content name="ion-{{sub.MockTestSubjectTitle}}">
        {{sub.MockTestSubjectTitle}}
    </ion-tab-content>  
</ion-tab>

Here tab titles are subject name eg: Physics, Chemistry and Maths. I need to view subject name in tab content when i click corresponding subjects.

It is working fine in static, Here is my static code

<ion-tabs class="tabs-positive tabs-striped tabs-top theme-color">
<ion-tab title="PHYSICS">
    <ion-tab-content>
        PHYSICS
    </ion-tab-content>
</ion-tab>

<ion-tab title="CHEMISTRY">
    <ion-tab-content>
        CHEMISTRY
    </ion-tab-content>
</ion-tab>

<ion-tab title="BIOLOGY">
    <ion-tab-content>
        BIOLOGY
    </ion-tab-content>
</ion-tab>

Please help me to resolve the issue. Thanks in advance.