angularjs - 将空的 AngularStrap 属性与 Slim 一起使用

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>

这就是 slim 的样子:

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="">也可以。

要使其变得 slim ，请尝试以下操作:

button[bs-select]

或

button bs-select=""

引用:

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

在 slim 中处理 Angular 中的括号

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

删除大括号是有意义的，因为它与以下中的 Angular 语法发生冲突:

h2 {{article.title}}

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

所以最好像这样配置 slim:

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