Question

我是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();
});

}）

Answer 1

目前这是不可能的，因为Ionic repo已经存在一个未解决的问题。请查看链接以获取更多详细信息：https://github.com/driftyco/ionic/issues/4454

离子动态标签无效

1 个答案: