Question

我确定答案在某处，但我如何根据URL将相同的组件（Navbar徽标）链接到不同的页面。我想链接/关于Url = / home，然后/ home，当Url = / about。

app.js：

angular.module('myApp', ['ngAnimate', 'ngCookies', 'ngTouch', 'ngSanitize', 'ui.router'])
  .config(function ($stateProvider, $urlRouterProvider) {
    $stateProvider
      .state('home', {
        url: '/',
        templateUrl: 'app/main/main.html',
        controller: 'MainCtrl'
      })      
      .state('about', {
        url: '/about',
        templateUrl: 'app/about/about.html',
        controller: 'AboutCtrl'
      })
      .state('work', {
        url: '/work',
        templateUrl: 'app/work/work.html',
        controller: 'WorkCtrl'
      });

    $urlRouterProvider.otherwise('/');
  });

home.html的

<div class="page">
  <div ng-include="'components/navbar/navbar.html'"></div>
</div>

navbar.html

<nav class="navbar" ng-controller="NavbarCtrl">
    <a href="#/about"><h1>title</h1></a>

</nav>

about.html

<div class="page">
   <div ng-include="'components/navbar/navbar.html'"></div>
</div>

NavbarCtrl *不知道该怎么做，添加一个指令使用ui.router使用$ location ?? *

希望有人可以提供帮助，我整个星期都在考虑这件事。

Answer 1

不确定我是否理解正确，但不会显示出您的需求？ ng-show

您可以检查当前的位置，并根据它显示正确的网址。

Answer 2

我认为你回答了自己的问题。我会使用ngRoute和$location，我可能会为它创建一个指令。

AngularJS＆gt;标识链接到/关于URL / home，然后/ home / URL / about

2 个答案: