Я новичок в 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();
});
})
Что находится в вашем контроллере? –
Попробуйте следующее: '' –
Можете ли вы показать нам также, что такое 'response.data.Subjects' ? – thepio