用按钮处理多个控制器

Question

我有一个菜单，包含很多按钮。每次我点击一个按钮，我想要一个确定的控制器显示。

我与AngularJs一个初学者，我无法找到“显示XXXXCtrl”

遗漏码是这里的代码：

app.controller('menuCtrl', function($scope) { 
    $scope.showtest = function(key, val) { 
     //display testCtrl 
    } 

    $scope.showCustomers = function(key, val) { 
     //display customersCtrl 
    } 
}); 

在这里看到完整的代码： http://plnkr.co/edit/tYFNcYwK8uEJzZGCPQxB?p=preview

一开始我只是customersCtrl了，谁显示数据从customersCtrl，所以{{x.titre}}和其他标签被显示的数据，但由于我添加了其他控制器，我不知道为什么{{x.titre}}未更换了

请帮帮忙，我是新来angularJs，这是一个有点复杂，我:(

Answer 1

一种方法是让你的菜单控制器包含你试图隐藏/显示的两个视图。

<div ng-app="myApp" ng-controller="menuCtrl"> 
    <button href="#" ng-click="showtest()">display testCtrl</button> 
    <button href="#" ng-click="showCustomers()">display customersCtrl</button> 
    <div ng-controller="testCtrl" ng-show="showTestView">...</div> 
    <div ng-controller="customersCtrl" ng-show="showCustomerView">...</div> 
</div> 

然后在你的控制器，你可以做

$scope.showtest = function(key, val) { 
    $scope.showTestView = true; 
} 

$scope.showCustomers = function(key, val) { 
    $scope.showCustomerView = true; 
} 

见http://plnkr.co/edit/k6YScPNv6SmxWuG3GIfv?p=preview

Answer 2

在$route documentation看看。在页面末尾有一个关于通过路由导航切换控制器的很好的例子。

您可能会特别关注配置$ routeProvider的示例script.js。

让我知道这是否有帮助。