angularjs - 带有 angularjs 的导航栏，页面分为多个部分

Question

我有这样的设置

<div class="" ng-controller="routeController">
    <nav class="nav">
        <ul>
            <li href="#view1"></li>
            <li href="#view2"></li>
            <li href="#view3"></li>
        </ul>
    </nav>
</div>
<div ng-controller="ContentController">
    <ng-view></ng-view>
</div>

现在如何更新contentController顶部导航栏的视图点击的角度视图。因为两个控制器范围不同。有任何想法吗 ？我对 angularjs 非常陌生

Answer 1

如果您只有一级菜单。您可以使用$routeProvider. 看看 angular-seed 项目。它有一个明显的例子。

应用程序.js

// Declare app level module which depends on filters, and services
angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'myApp.controllers']).
  config(['$routeProvider', function($routeProvider) {
    $routeProvider.when('/view1', {templateUrl: 'partials/partial1.html', controller: 'MyCtrl1'});
    $routeProvider.when('/view2', {templateUrl: 'partials/partial2.html', controller: 'MyCtrl2'});
    $routeProvider.otherwise({redirectTo: '/view1'});
  }]);

如果你有一个多级菜单，那么看看这个：https ://github.com/angular-ui/ui-router和这个示例页面：http ://angular-ui.github.io/ui-路由器/样本/#/