與網頁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/#/