离子动态标签不起作用答案

【问题标题】：Ionic dynamic tabs are not working离子动态标签不起作用
【发布时间】：2016-05-19 10:02:30
【问题描述】：

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

})

【问题讨论】：

你的控制器里有什么？
试试这个：<ion-tabs class="tabs-positive tabs-striped tabs-top theme-color" ng-controller="MocktestCtrl">
你能告诉我们response.data.Subjects喜欢什么吗？
请看上面的代码。我已经更新了代码。在控制器中，我从服务器获取测试数据。响应采用 json 格式返回主题及其详细信息。
“标签内容不正确”是什么意思？值不是您所期望的，还是未定义的？

标签： angularjs ionic-framework

【解决方案1】：

目前这是不可能的，因为 Ionic repo 已经有一个未解决的问题。查看链接了解更多详情：https://github.com/driftyco/ionic/issues/4454

【讨论】：