Data-ng-repeat отмечен как комментарий

Я использую API плагина wordpress Bullhorn для отображения карьерного портала для одного из веб-сайтов моих клиентов. Но фильтры слева не загружаются. Все правильно настроено в административной панели Bullhorn на их веб-сайте.

Я заметил в инспекторе страниц, что data-ng-repeat в теге закомментирован, и это является причиной того, что фильтры не отображаются. Это происходит с фильтром категорий и местоположений.

Посетите страницу здесь: https://nobelrecruitment.com/jobs/

Скрипт Bullhorn здесь: https://nobelrecruitment.com/wp-content/plugins/bullhorn-career-portal/oscp/scripts/app-b9db2ffb5d.js

data-ng-repeat = "category in filteredCategories = (sidebar.categories | omitFilters:\'category\':sidebar.SearchService.searchParams.category) | limitTo:sidebar.categoryLimitTo track by category.publishedCategory.id">

data-ng-repeat = "location in filteredLocations = (sidebar.locations | omitFilters:\'location\':sidebar.SearchService.searchParams.location) | limitTo:sidebar.locationLimitTo | orderBy:\'location.address.city\' track by location.address.city + \',\' + location.address.state">

Редактировать Полный код:

 $templateCache.put('app/sidebar/sidebar.html','
        <aside class = "side-bar">
            <header>
                <label>{{\'sidebar.sidebarHeading\' | i18n}}</label>
                <div class = "button-container">
                    <button data-ng-class=
                    "{\'active\': sidebar.SharedData.gridState === \'list-view\'}"
                    data-ng-click = "sidebar.switchViewStyle(\'list\');"><i class=
                    "bhi-view-list"></i></button> <button data-ng-class=
                    "{\'active\': sidebar.SharedData.gridState === \'grid-view\'}"
                    data-ng-click = "sidebar.switchViewStyle(\'grid\');"><i class=
                    "bhi-view-module"></i></button>
                </div>
            </header>
            <section>
                <div class = "bh_c_spacer"></div>
                <div class = "keyword-search">
                    <label for = "keyword"><i class = "bhi-search"></i></label> <input class=
                    "search" data-i18n-attr=
                    "{placeholder: \'sidebar.sidebarSearchPlaceholder\'}" data-ng-change=
                    "sidebar.searchOnDelay()" data-ng-model=
                    "sidebar.SearchService.searchParams.textSearch" id = "keyword" name = "keyword"
                    type = "text"> <button class = "clear-filter" data-ng-click=
                    "sidebar.clearSearchParamsAndLoadData(\'text\');" data-ng-show=
                    "sidebar.SearchService.searchParams.textSearch.length" name=
                    "clear-all"><i class = "bhi-times"></i></button>
                </div>
                <div class = "bh_c_spacer"></div>
                <section class = "filter-section" data-ng-class=
                "{\'active\':!sidebar.categoryLimitTo}">
                    <div class = "filter-section-header">
                        <h4>{{\'common.categorySectionHeading\' | i18n}}</h4><button class=
                        "clear-filter" data-ng-click=
                        "sidebar.clearSearchParamsAndLoadData(\'category\');" data-ng-show=
                        "sidebar.SearchService.searchParams.category.length" name=
                        "clear-all"><i class = "bhi-times"></i> {{\'sidebar.clearButton\' |
                        i18n}}</button>
                    </div>



                <!-- PROBLEM HERE -->
                    <div class = "filter-item slide-down-item" data-ng-repeat=
                    "category in filteredCategories = (sidebar.categories | omitFilters:\'category\':sidebar.SearchService.searchParams.category) | limitTo:sidebar.categoryLimitTo track by category.publishedCategory.id"
                    style = "background-color: red; width: 20px; height: 20px;">
                        <input data-ng-checked = "sidebar.hasCategoryFilter(category)"
                        data-ng-click = "sidebar.addOrRemoveCategory(category)" id=
                        "{{::category.publishedCategory.id}}" type = "checkbox"> <label for=
                        "{{::category.publishedCategory.id}}">{{::category.publishedCategory.name}}</label>
                        <span>{{category.idCount}}</span>
                    </div><span class = "show-more" data-ng-click=
                    "sidebar.updateCategoryLimitTo(null)" data-ng-if=
                    "sidebar.categoryLimitTo && filteredCategories.length &gt; 8">{{\'sidebar.showMoreLabel\'
                    | i18n}}</span> <span class = "show-more" data-ng-click=
                    "sidebar.updateCategoryLimitTo(8)" data-ng-if=
                    "!sidebar.categoryLimitTo">{{\'sidebar.showLessLabel\' | i18n}}</span>
                </section>
                <div class = "bh_c_spacer"></div>
                <section class = "filter-section" data-ng-class=
                "{\'active\':!sidebar.locationLimitTo}">
                    <div class = "filter-section-header">
                        <h4>{{\'common.locationSectionHeading\' | i18n}}</h4><button class=
                        "clear-filter" data-ng-click=
                        "sidebar.clearSearchParamsAndLoadData(\'location\');" data-ng-show=
                        "sidebar.SearchService.searchParams.location.length" name=
                        "clear-all"><i class = "bhi-times"></i> {{\'sidebar.clearButton\' |
                        i18n}}</button>
                    </div>



  <!-- PROBLEM HERE -->
                    <div class = "filter-item slide-down-item" data-ng-repeat=
                    "location in filteredLocations = (sidebar.locations | omitFilters:\'location\':sidebar.SearchService.searchParams.location) | limitTo:sidebar.locationLimitTo | orderBy:\'location.address.city\' track by location.address.city + \',\' + location.address.state">
                        <input data-ng-checked = "sidebar.hasLocationFilter(location)"
                        data-ng-click = "sidebar.addOrRemoveLocation(location)" id=
                        "{{::location.address.city}},{{::location.address.state}}" type=
                        "checkbox"> <label for=
                        "{{::location.address.city}},{{::location.address.state}}">{{::location.address.city}},&nbsp;{{::location.address.state}}</label>
                        <span>{{location.idCount}}</span>
                    </div><span class = "show-more" data-ng-click=
                    "sidebar.updateLocationLimitTo(null)" data-ng-if=
                    "sidebar.locationLimitTo && filteredLocations.length &gt; 8">{{\'sidebar.showMoreLabel\'
                    | i18n}}</span> <span class = "show-more" data-ng-click=
                    "sidebar.updateLocationLimitTo(8)" data-ng-if=
                    "!sidebar.locationLimitTo">{{\'sidebar.showLessLabel\' | i18n}}</span>
                </section>
                <section class = "credits">
                    <span class = "powered-by">{{\'sidebar.poweredByText\' | i18n}}</span>
                    <img class = "bullhorn" src = "assets/images/logo.svg">
                </section><button class = "bhi-arrow-left" data-ng-click = "sidebar.goBack();"
                name = "back-arrow" type = "button"></button>
            </section>
        </aside>');}]);

Data-ng-repeat отмечен как комментарий

не могли бы вы поделиться своим полным кодом?

Code_Ninja 10.07.2018 13:51

Его много, вы можете найти весь скрипт здесь: nobelrecruitment.com/wp-content/plugins/bullhorn-career-port‌ al /… Код, который я вставил в свой пост, находится внизу страницы, нажмите cmd + f, чтобы его найти. Спасибо! Айв также добавил этот код для отладки: background-color: red; ширина: 20 пикселей; высота: 20 пикселей;

Eric Graventein 10.07.2018 13:54

это весь исходный код вашего проекта, мне это не нужно, просто минимальный код, необходимый для ситуации, поднятой в вашем вопросе.

Code_Ninja 10.07.2018 13:55

Сделанный! Я добавил всю часть

Eric Graventein 10.07.2018 14:00

На мой взгляд, ваша страница выглядит абсолютно нормально, я не смог найти ни одного комментария с data-ng-repeat, я проверил его в инструментах разработчика браузера Chrome (проверить элемент).

Code_Ninja 10.07.2018 14:10

Я добавил снимок экрана, и вы видите, что слева нет параметров фильтра, например, нет параметров, на которые можно было бы щелкнуть.

Eric Graventein 10.07.2018 14:12

Кто-нибудь? Мне нужно это решить

Eric Graventein 11.07.2018 12:24
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
7
69
0

Другие вопросы по теме