Привет. Как правильно готовить кастомные шаблоны в аккордеоне angular-ui? делаю так: <uib-accordion> <uib-accordion-group

Question

Angular.js (1.x) — русскоговорящее сообщество

Привет. Как правильно готовить кастомные шаблоны в аккордеоне angular-ui? делаю так: <uib-accordion> <uib-accordion-group

ng-repeat="cont in conts" template-url="group-template.html">

Выше копипастю шаблон из документации, но в нём не видно переменной из ng-repeat. Как её прокинуть в шаблон?

#angular #programming #russian

0

05.05.2016

2 ответов

12 просмотров

Пользователь 612c6

Привет, коллеги. Кто может помочь советом или ссылкой на пример настраиваемого шаблона? Здесь нашёл обрывок беседы, в документации есть всё, кроме примера шаблона. А в нём загвоздка. Если сделать его "один в один" с оригинальным, то ангуляр не видит uib-accordion-transclude Т.е. понятно как менять текст или стиль внутри заголовка раскрывающегося списка, но необходимо добавить кнопку МЕЖДУ заголовком и стрелкой. Т.е. надо лезтть внутрь шаблона. Пробовал подсовывать и в виде js модуля внутри приложения, в $templateCache, и во внешний html файл по url. node_modules/angular-ui-bootstrap/template/accordion/accordion-group.html html <div role="tab" id="{{::headingId}}" aria-selected="{{isOpen}}" class="panel-heading" ng-keypress="toggleOpen($event)"> <h4 class="panel-title"> <a role="button" data-toggle="collapse" href aria-expanded="{{isOpen}}" aria-controls="{{::panelId}}" tabindex="0" class="accordion-toggle" ng-click="toggleOpen()" uib-accordion-transclude="heading" ng-disabled="isDisabled" uib-tabindex-toggle><span uib-accordion-header ng-class="{'text-muted': isDisabled}">{{heading}}</span></a> </h4> </div> <div id="{{::panelId}}" aria-labelledby="{{::headingId}}" aria-hidden="{{!isOpen}}" role="tabpanel" class="panel-collapse collapse" uib-collapse="!isOpen"> <div class="panel-body" ng-transclude></div> </div> node_modules/angular-ui-bootstrap/template/accordion/accordion-group.html.js js angular.module("uib/template/accordion/accordion-group.html", []).run(["$templateCache", function($templateCache) { $templateCache.put("uib/template/accordion/accordion-group.html", "<div role=\"tab\" id=\"{{::headingId}}\" aria-selected=\"{{isOpen}}\" class=\"panel-heading\" ng-keypress=\"toggleOpen($event)\">\n" + " <h4 class=\"panel-title\">\n" + " <a role=\"button\" data-toggle=\"collapse\" href aria-expanded=\"{{isOpen}}\" aria-controls=\"{{::panelId}}\" tabindex=\"0\" class=\"accordion-toggle\" ng-click=\"toggleOpen()\" uib-accordion-transclude=\"heading\" ng-disabled=\"isDisabled\" uib-tabindex-toggle><span uib-accordion-header ng-class=\"{'text-muted': isDisabled}\">{{heading}}</span></a>\n" + " </h4>\n" + "</div>\n" + "<div id=\"{{::panelId}}\" aria-labelledby=\"{{::headingId}}\" aria-hidden=\"{{!isOpen}}\" role=\"tabpanel\" class=\"panel-collapse collapse\" uib-collapse=\"!isOpen\">\n" + " <div class=\"panel-body\" ng-transclude></div>\n" + "</div>\n" + ""); }]); https://angular-ui.github.io/bootstrap/#accordion

0

21.09.2017

Dmytro Yashyn · Accepted Answer

Dmytro Yashyn

<uib-accordion-group ng-repeat="cont in conts"> <uib-accordion-item item="cont"></uib-accordion-item> </uib-accordion-group>

0

05.05.2016

169 похожих чатов

Привет. Как правильно готовить кастомные шаблоны в аккордеоне angular-ui? делаю так: <uib-accordion> <uib-accordion-group

2 ответов

Похожие вопросы