angularjs - 在 Slim 中使用空的 AngularStrap 属性

Question

我想将 Angularstrap 样式用于 . 但是，我无法弄清楚如何在 slim 中使用“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

处理来自 angular in slim 的括号

为了标记属性，默认允许使用不同类型的括号：()、[]、{} 或无

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

h2 {{article.title}}

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

所以最好像这样配置 slim：

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