Выбор первой вкладки по умолчанию при загрузке страницы в angularJS - PullRequest
Новая
       17

Выбор первой вкладки по умолчанию при загрузке страницы в angularJS

0 голосов
/ 11 февраля 2019

У меня есть следующий угловой код для отображения информации о студенте в формате с вкладками.Ниже приведен класс student.html 

<code><div class="panel panel-default">
    <ul class="nav nav-tabs">
        <li ng-repeat="studentTab in studentList"
            ng-class="{active: selectedStudentTab.name === studentTab.name}">
            <a ng-click="selectStudentTab(studentTab)">{{studentTab.name}}</a>
        </li>
    </ul>
    <div class="panel-body">
        <div class="tab-content">
            <div class="tab-pane active" ng-repeat="studentTab in studentList"
                ng-show="selectedStudentTab.name === studentTab.name">
                <div style="padding: 35px; text-align: left;">
                    <div ng-repeat="project in studentTab.projects">
                    <p><pre>{{project.log}}

в моем studentController.js, который у меня естьназначил вкладке элемент StudentList, следующий код: 

$scope.init = function () {
    $rootScope.initOrRedirectToLandingPage($scope.loadStudents);
};

$scope.studentList = [];

$rootScope.loadStudents = function(){...
};

$scope.selectedStudentTab = $scope.studentList[0];

$scope.selectStudentTab = function (studentTab) {
        $scope.selectedStudentTab = studentTab;
};

Здесь вкладки создаются правильно, но первая вкладка не выбирается / активируется по умолчанию при загрузке страницы и становится активнойтолько по событию клика.Может ли кто-нибудь помочь мне понять, чего мне не хватает?любая помощь приветствуется.

1 Ответ

0 голосов
/ 11 февраля 2019

В вашем контроллере после загрузки studentList назначьте selectedStudentTab первому элементу в списке. 

$scope.studentList = [...];
$scope.selectedStudentTab = $scope.studentList[0];
...