Angular JS:ng-switch无法正常工作

时间:2014-11-10 04:34:03

标签: angularjs-directive ng-switch

我正在尝试在我的应用程序中使用ng-switch。

In Routing configuration :

when('/Test/:TestName/formEditor/:openedFrom', {
        templateUrl: 'Testing.html',
        controller: 'TestCtrl'
    })

在我的HTML中

  <div ng-switch="openedFrom">
    <ul class="breadcrumb" ng-switch-when="fromTab1">
        <li><a href="#/solutions" id="act_
   </ul>
   <ul class="breadcrumb"  ng-switch-when="fromTab2" >
         <li><a href="#/abc">Visitors</a></li>
   </ul>
  </div>

我通过Openedfrom的方式是

  <a class="btn btn-primary" href="#/Test/{{TestName}}/formEditor/fromTab1">Tab 1</a>

  <a class="btn btn-primary" href="#/Test/{{TestName}}/formEditor/fromTab2">Tab 2</a>

面包屑根本没有渲染。 一旦我删除ng-switch一切似乎工作正常。有人可以建议吗?

1 个答案:

答案 0 :(得分:0)

这是因为你使用`ng repeat`和`ng switch`渲染div。您可以使用`ng-if`。

<div>
   <ul class="breadcrumb" ng-if="openedFrom=='fromTab1'">
    <li><a href="#/solutions">Solutions</a></li>
   </ul>
   <ul class="breadcrumb"  ng-if="openedFrom=='fromTab2'" >
      <li><a href="#/abc">Visitors</a></li>
   </ul>
</div>