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();
});
})
あなたのコントローラには何がありますか? –
これを試してみてください: '' –
'response.data.Subjects' ? – thepio