angularjs - 需要通过 url 或 $location 调用 ng-switch

Question

我正在尝试使用 url 来调用选项卡元素。例如，像：这样的 urllocalhost:9000/widget&view=map将登陆页面，并选择地图选项卡并显示地图选项卡正文。

<div class="search-result-tab" ng-init="selectTab='list'">
    <ul class="nav tab-header">
        <li ng-class="{active: selectTab=='list'}" ng-click="selectTab='list'; changedTab()">
            <a href={{listTabURL}}>List</a>
         </li>
         <li ng-class="{active: selectTab=='map'}" ng-click="selectTab='map'; changedTab()">
             <a href={{mapTabURL}}>Map</a>
         </li>
      </ul>
      <div class="tab-body" ng-switch on="selectTab">
          <div class="tab-content" ng-switch-when="list">
              <div ng-include="'list.html'"></div>
          </div>
          <div class="tab-content" ng-switch-when="map">
              <div ng-include="'map.html'"></div>
          </div>
     </div>
 </div>

其他网址是：

• 列表：localhost:9000/widget&view=list
• 地图：localhost:9000/widget&view=map

Answer 1

类似的问题在这里。一个建议是注入 $location 服务并打开 $location.path，如果您不打算尝试 ui-router 可能值得一试（您真的应该研究一下！）

function Ctrl($scope, $location) {
  $scope.pagename = function() { return $location.path(); };
};

<div id="header">
  <div ng-switch on="pagename()">
    <div ng-switch-when="/home">Welcome!</div>
    <div ng-switch-when="/product-list">Our products</div>
    <div ng-switch-when="/contact">Contact us</div>
  </div>
</div>