2016-05-19 109 views
0

我是Ionic和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

回答