为 html 中的 类 赋值 - UI Bootstrap

Assigning values to classes in html - UI Bootstrap

我的 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 中使用 thymeleaf 模板。我知道,spring thymeleaf 不允许在工作 html.

中有任何不完整的选项
<html xmlns:th="http://www.thymeleaf.org">

通过 Spring Boot App 启动它时,出现异常,

Attribute name "uib-dropdown" associated with an element type "div" must be followed by the ' = ' character.

有人可以帮我分配这个 uib-dropdown、uib-dropdown-toggle 和 uib-dropdown-menu 选项吗?

您可以使用 data-<ng att>

附加 angular 属性或指令
    <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>