angularjs - タグブレークCSSとしてng-switchを使用する

Question

私は次のものを持っています：

<li ng-repeat="breadcrumb in breadcrumbsService.getAll()">
  <ng-switch on="$last">
    <a ng-switch-when="true" href="#">{{breadcrumb.name}}</a>
    <a ng-switch-default href="#{{breadcrumb.path}}">{{breadcrumb.name}}</a>
  </ng-switch>
</li>

しかし、これは私のcss（ブートストラップ）を壊します。これは、直接の子孫セレクターを使用することがあるためです（例）：

ul > li > a {
 ....
}

css は ul li a { //... } にリファクタリングする必要があります。

これに対する回避策はありますか? 可能であれば、ディレクティブのタグを生成しないようにAngularに伝えたいと思います。

Answer 1

要素の代わりに属性として ng-switch を使用できます。このデモを参照してください: http://plnkr.co/edit/nKiCn8?p=preview .

<li ng-repeat="breadcrumb in breadcrumbs" ng-switch="breadcrumb.path">
    <a ng-switch-when="/c" href="#">{{breadcrumb.name}}</a>
    <a ng-switch-default href="#{{breadcrumb.path}}">{{breadcrumb.name}} - default</a>
</li>