AngularJS Tabs Switch - PullRequest
Новая
       16

AngularJS Tabs Switch

0 голосов
/ 12 февраля 2020

Я пытаюсь интегрировать эту часть кода https://angularjs.org/, раздел Создание компонентов (есть 3 файла: index. html, компоненты. js и приложение. js) в мой учебный проект https://github.com/AnatoliYatskevich/AngularJSTemp.

Проблема в переключении вкладок, они не работают. Пожалуйста, посмотрите там https://github.com/AnatoliYatskevich/AngularJSTemp/blob/master/app/components/componentstabs.js. Скорее всего, причина в директиве формы контроллера «tabs», однако я не уверен, 

controller: function($scope, $element) {
    var panes = $scope.panes = [];

    $scope.select = function(pane) {
        angular.forEach(panes, function(pane) {
            pane.selected = false;
        });
        pane.selected = true;
    }

    this.addPane = function(pane) {
        if (panes.length === 0) $scope.select(pane);
        panes.push(pane);
    }

Есть некоторые источники, которые могут быть задействованы: https://github.com/AnatoliYatskevich/AngularJSTemp/tree/master/app/components https://github.com/AnatoliYatskevich/AngularJSTemp/blob/master/app/app.js https://github.com/AnatoliYatskevich/AngularJSTemp/blob/master/app/index.html

В консоли разработчика Chrome все элементы страницы из образца https://angularjs.org/, раздел Создание компонентов (справа от фрагмента кода) ) и на моем локальном хосте выглядит примерно так же, я также вижу динамически изменяющийся ng-класс 'active' при нажатии на вкладки (ng-class = "{active: pane.selected}" и ng-click = "select (pane) "в разделе шаблона), однако ничего не происходит, и на вкладках по-прежнему отображаются обе панели одновременно
введите описание изображения здесь

, переключение вкладок не работает.

Пожалуйста, дайте мне знать о возможной причине или решении.

Спасибо

...