angularjs - 使用 ng-switch 作为标签会破坏 css

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>