無法弄清楚如何使用ui-route

Question

我無法弄清楚如何正確使用ui-route ，angular-ui網站上的示例無濟於事。

這是我的代碼。 我想實現一個簡單的導航菜單。 當路線與該項目的路線匹配時，我想顯示<span>否則我想顯示<a> 。 我希望$uiRoute能夠反映當前路由，但是顯然這並不是因為無論路由是什么，我都會在輸出中得到<span>元素。

http://jsbin.com/ugefoq/2/edit

<!DOCTYPE html>
<html ng-app="app">
  <head>
    <meta charset=utf-8 />
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.1/angular.min.js" type="text/javascript"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      angular.module('app', ['ng', 'ui']);
    </script>
  </head>
  <body>
    <ul>
      <li ui-route="#/link0">
        <a ui-if="$uiRoute" ng-href="#/link0">link0</a>
        <span ui-if="!$uiRoute">link0</span>
      </li>
      <li ui-route="#/link1">
        <a ui-if="$uiRoute" ng-href="#/link1">link1</a>
        <span ui-if="!$uiRoute">link1</span>
      </li>
    </ul>
  </body>
</html>

Answer 1

看起來您做對了，只是根據您的描述，您的ui-if語句已反轉。 您現在說的是，如果url與我的href匹配，則顯示鏈接，如果不匹配，則顯示范圍。

另外，如果您在此處執行單個頁面應用程序，則可能不希望使用ui-if因為它會完全刪除該元素，這意味着您以后無法在路由更改時動態顯示它。

無法弄清楚如何使用ui-route

問題描述

1 個解決方案

解決方案1
1 已采納 2013-05-01 19:45:42

無法弄清楚如何使用ui-route

問題描述

1 個解決方案

解決方案1 1 已采納 2013-05-01 19:45:42

解決方案1
1 已采納 2013-05-01 19:45:42