Присвоение значений классам в html - UI Bootstrap - PullRequest
Новая
       9

Присвоение значений классам в html - UI Bootstrap

0 голосов
/ 23 июня 2018

У меня есть раскрывающийся список в моем HTML: 

<div class="btn-group" uib-dropdown is-open="status.isopen">
   <button id="single-button" type="button" class="btn btn-primary" uib-dropdown-toggle ng-disabled="disabled">
   Button dropdown <span class="caret"></span>
   </button>
   <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
      <li role="menuitem"><a href="#">Action</a></li>
      <li role="menuitem"><a href="#">Another action</a></li>
      <li role="menuitem"><a href="#">Something else here</a></li>
      <li class="divider"></li>
      <li role="menuitem"><a href="#">Separated link</a></li>
   </ul>
</div>

При этом я использую шаблон тимелина в своем HTML. Я узнал, что Spring Thimeleaf не допускает каких-либо неполных параметров в рабочем HTML. 

<html xmlns:th="http://www.thymeleaf.org">

И при запуске этого приложения через Spring Boot я получаю исключение,

Имя атрибута "uib-dropdown", связанное с типом элемента "div" должен сопровождаться символом '='.

Может кто-нибудь помочь мне с тем, что бы я назначил этим опциям uib-dropdown, uib-dropdown-toggle и uib-dropdown-menu?

1 Ответ

0 голосов
/ 24 июня 2018

Вы можете добавлять угловые атрибуты или директивы с помощью data-<ng att>

    <div class="btn-group" data-uib-dropdown="" is-open="status.isopen">
   <button id="single-button" type="button" class="btn btn-primary" uib-dropdown-toggle ng-disabled="disabled">
   Button dropdown <span class="caret"></span>
   </button>
   <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
      <li role="menuitem"><a href="#">Action</a></li>
      <li role="menuitem"><a href="#">Another action</a></li>
      <li role="menuitem"><a href="#">Something else here</a></li>
      <li class="divider"></li>
      <li role="menuitem"><a href="#">Separated link</a></li>
   </ul>
</div>
...