javascript - 使用按钮处理多个 Controller

Question

我有一个菜单，其中包含很多按钮。每次我单击一个按钮时，我都希望显示一个确定的 Controller 。

我是 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}} 和其他标签正在显示数据，但由于我添加了其他 Controller ，我不知道为什么 {{x.titre}} 不再被替换

请帮忙，我是 angularJs 的新手，这对我来说有点复杂:(

Answer 1

一种方法是让您的菜单 Controller 包含您尝试隐藏/显示的两个 View 。

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

然后在你的 Controller 中，你可以这样做

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

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

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