2

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 属性は「=」ではないためです。選択ドロップダウンを作成する代わりに、ボタン テキストとして表示されます。

4

1 に答える 1

4

解決

<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}され、エラーがスローされます。

したがって、次のようにスリムに構成することをお勧めします。

:attr_delims => {'(' => ')', '[' => ']'}, # removed '{' => '}' from default
于 2014-06-13T10:44:02.027 に答える