2016-05-19 2 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

ответ

0

Это не возможно в настоящее время, как уже есть открытый вопрос в Ионическом репо для этого. Проверьте ссылку для получения дополнительной информации: https://github.com/driftyco/ionic/issues/4454

Смежные вопросы