Question

我有一个名为app的模块。它有四个标签（Home，Library，Data）。

在我的“媒体资源”标签（第二个标签）中，我将组织数据显示为列表。最初，显示主要组织名称（级别1），点击任何列表项，它向下钻取并显示下一级组织数据。（级别2），它继续。

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

我想像这样在页面顶部显示组织层次结构。（以下是我到达页面的第4级时）

CompanyName | Administartion | Operations | EmployeeName

我的想法是最初声明一个空数组，并在每次点击时将组织名称推入其中，然后使用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>

请注意：我在html中使用twitter bootstrap ，在bootstrap中，可以像下面给出的那样获得breadCrumb。

   <ol class="breadcrumb">
    <li><a href="#">CompanyName</a></li>
    <li><a href="#">Administartion</a></li>
    <li><a href="#">Operations </a></li>
    <li class="active">Data</li>
   </ol>

我没有得到预期的结果，但看起来如下所示

CompanyName
Administartion
Operations
EmployeeName

任何想法......？

提前致谢。

Answer 1

你在ol上有ng-repeat。你想把它放在李。您正在为阵列中的每个项目创建一个新的有序列表。像这样：

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

AngularJs中的面包屑没有出现在单行中

1 个答案: