2016-05-19 4 views
0

Ionic and AnguarJsの新機能です。私はng-repeatを使って動的にタブを作成しました。タブのタイトル値は正しく表示されていますが、タブの内容は正しくありません。ここでイオン性ダイナミックタブが機能しない

はここ

<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> 

、私のコードでタブのタイトルは、サブジェクト名の例です:物理学、化学と数学。私は、対応する科目をクリックすると、タブの内容に科目名を表示する必要があります。

それは静的で正常に動作しているが、ここに私の静的コードは私が問題を解決するために助けてください

<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> 

です。前もって感謝します。ここ

は既にこのイオン性レポに未解決の問題があるとして

.controller('MocktestCtrl', function($scope,$ionicLoading,$stateParams,$http,$ionicTabsDelegate,$timeout){ 

$ionicLoading.show({ 
    template: 'Loading...' 
}); 
$scope.testName = $stateParams.testTitle; 
$http({ 
    method : "GET", 
    url : "http://ozternlmsio-api.azurewebsites.net/api/MockTest/GetMockTestData?mockTestId="+$stateParams.testId+"&userId="+USER_ID+"&mockTestGroupId="+$stateParams.testGroupId+"&courseId="+COURSE_ID+"" 
}).then(function mySucces(response) { 
    $ionicLoading.hide(); 
    $scope.subjects = response.data.Subjects; 

    $timeout(function(){ 
     $ionicTabsDelegate.select(0, true); 
    }, 1000); 
}, function myError(response) { 
    $ionicLoading.hide(); 
}); 

})

+1

あなたのコントローラには何がありますか? –

+0

これを試してみてください: '' –

+2

'response.data.Subjects' ? – thepio

答えて

関連する問題