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。看看角种子项目。这是一个明确的例子。

app.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-router/sample/#/

带有angularjs的导航栏，页面分为段

1 个答案: