Question

我想使用Angularstrap造型。但是，我无法弄清楚如何在苗条中使用“bs-select”选项。

这是普通html中的格式

<button type="button" class="btn btn-default" ng-model="selectedIcon" 
 data-html="1" ng-options="icon.value as icon.label for icon in icons" bs-select>
  Action <span class="caret"></span>
</button>

这就是苗条的样子：

button.btn.btn-default type="button" ng-model="selectedIcon" data-html="1" 
ng-options="icon.value as icon.label for icon in icons" bs-select
  | Action
  span class="caret"

因为bs-select属性不是“=”的东西。它显示为按钮文本而不是创建选择下拉列表。

Answer 1

解决方案

<button bs-select>实际上等同于<button bs-select="bs-select">，但<button bs-select="">也可以。

要想做到这一点，请尝试以下方法：

button[bs-select]

或

button bs-select=""

参考：

http://www.w3.org/html/wg/drafts/html/master/infrastructure.html#boolean-attributes

从细长的角度处理括号

要标记属性，默认情况下允许使用不同类型的括号：（），[]，{}或无

删除大括号是有意义的，因为它与以下角色语法相冲突：

h2 {{article.title}}

在这里，slim会将{article.title}解释为属性，并且会抛出错误。

所以最好像这样配置slim：

:attr_delims => {'(' => ')', '[' => ']'}, # removed '{' => '}' from default

使用Slim的空AngularStrap属性

1 个答案:

解决方案

参考：

从细长的角度处理括号