Angularjs AnjularJs中的面包屑不出现在单行中

我有一个叫做app的模块，它有四个标签（主页、图书馆、数据）

在“我的库”选项卡（第二个选项卡）中，我将组织数据显示为列表。最初，将显示主组织名称（级别1），单击任何列表项，它将向下钻取并显示下一级别的组织数据（级别2），然后继续

CompanyName     //level 1
    Administartion  //level 2
        Operations      //level 3
            EmployeeName    //level 4

我想在页面顶部显示组织层次结构，如下所示。（以下是当我达到第4页时）

我的想法是最初声明一个空数组，每次单击时将组织名称推入其中，然后使用ng repeat显示它

//Initially in code
    $rootScope.breadCrumb = [];

//on each click
    $rootScope.breadCrumbRef.push({"level":$scope.level,"name":orgName});

//html code.
    <ol class="breadcrumb" ng-repeat="l in breadCrumb">
      <li><a ng-href="">{{l.name}} </a></li>
    </ol>

有什么想法吗

---

提前感谢。

您在ol上有ng重复。你想把它放在墙上。您正在为数组中的每个项创建一个新的有序列表。像这样：

    <ol class="breadcrumb" >
  <li ng-repeat="breadCrumb in breadCrumbs"><a href="">{{breadCrumb}} </a></li>
</ol>

您在ol上重复ng。你想把它放在墙上。您正在为数组中的每个项创建一个新的有序列表。像这样：

    <ol class="breadcrumb" >
  <li ng-repeat="breadCrumb in breadCrumbs"><a href="">{{breadCrumb}} </a></li>
</ol>

您是否在问如何在CSS中设置水平列表的样式？请尽量不要大喊大叫。@RustyFasuak，刚才，我按照您指定的方式尝试过，当使用角度代码（ng Repeat）时，它仍然在单独的行中出现。@Stewie，你是什么意思..？你是在问如何在CSS中设置水平列表的样式吗？请尽量不要大喊大叫。@RustyFasuak，刚才，我按照你指定的方式试过了，当使用角度代码（ng Repeat）时，它仍然会出现在不同的行中。@Stewie，你是什么意思。。？

CompanyName
Administartion
Operations
EmployeeName

    <ol class="breadcrumb" >
  <li ng-repeat="breadCrumb in breadCrumbs"><a href="">{{breadCrumb}} </a></li>
</ol>