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

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/#/