Javascript 如何合并两个角度控制器

我正在使用一个示例向角度表添加搜索/筛选功能。有此代码，但不确定是什么：

我有两个控制器

• eventCtrl:已在工作，请允许我从db获取数据。创建

  $scope.cars

  并显示在角度表中。我想更改，以便还包括过滤器功能

• filteredTableCtrl:是示例中使用的。在上工作正常，我试图将代码与我的控制器合并，但也需要一些更改，因为将搜索多个字段

filteredTableCtrl:

在

[…]

之间有一些值，不知道这些值用于什么，我的版本不使用该轴

这个版本有

$filter

我需要

$http

从服务器获取数据我如何合并两者

我搜索了

“过滤器”

，但没有找到，因此不确定过滤器添加了什么功能

$scope.list

是原始列表，

#scope.query

是搜索输入文本模型。那部分我理解

但是为什么要注释另一个函数

$scope.getList（）

--

这是我的代码，已经开始工作了。已经可以使用

$scope.cars

在表中显示db的结果

eventCtrl:

要添加的轴是什么

$filter

如何调用

$scope.updateFilteredList

在新数据到达后更新列表

什么是“过滤器”

--

---

我认为第一点是你真正需要解释的。用于依赖项的语法是，这是一种确保Angular知道您所要求的依赖项的方法，即使您的JS被缩小了

它的形式是一个数组，包含任意数量的字符串（每个字符串都是您需要的依赖项的名称），后面是控制器函数，它使用参数来匹配依赖项（！！与数组列出它们的顺序相同！！）

例如：

app5.controller('eventCtrl', ['$scope','$http','$filter', function ($scope, $http, filter) {

    $http.get(/* Do whatever HTTP stuff you want here*/)
        .then(function(results){
            $scope.filteredList = $filter("filter")($scope.list, $scope.query);
            //Or do whatever you want to do with the results
        });

} //End of controller function
] /*End of the dependency array*/)

---

我认为第一点是你真正需要解释的。用于依赖项的语法是，这是一种确保Angular知道您所要求的依赖项的方法，即使您的JS被缩小了

它的形式是一个数组，包含任意数量的字符串（每个字符串都是您需要的依赖项的名称），后面是控制器函数，它使用参数来匹配依赖项（！！与数组列出它们的顺序相同！！）

例如：

app5.controller('eventCtrl', ['$scope','$http','$filter', function ($scope, $http, filter) {

    $http.get(/* Do whatever HTTP stuff you want here*/)
        .then(function(results){
            $scope.filteredList = $filter("filter")($scope.list, $scope.query);
            //Or do whatever you want to do with the results
        });

} //End of controller function
] /*End of the dependency array*/)

Angular需要知道您正在注入什么，当您缩小代码时，像$scope和$filter这样的变量被更改为'a'或'b'。如果没有这些['$scope'，'..']，angular将不知道向'a'和'b'注入什么。如果不缩小，就不需要它

如果需要，您可以在控制器中同时注入$http和$filter

角度突变数据中的$filter。此控制器内的筛选器正在使用查询中的数据筛选列表。（我不确定你到底想要什么）

嗯

因为它可能没有被使用

---

只需在“$scope，$http”之后添加$filter

您无需这样做，数据到达后（在“.then”（函数…）中）已更新筛选列表。如果要：

$http.get（'getCars'））
.然后（功能（res）{
$scope.cars=res.data；
$scope.updateFilteredList（）；
})；

Angular需要知道您正在注入什么，当您缩小代码时，$scope和$filter之类的变量将更改为“a”或“b”。如果没有这些['$scope'，'..”]，Angular将不知道将什么注入到“a”和“b”中。如果不缩小，则不需要

如果需要，您可以在控制器中同时注入$http和$filter

角度突变数据中的$filter。此控制器中的filter正在使用查询中的数据筛选列表。（我不确定您到底想要什么）

嗯

因为它可能没有被使用

---

只需在“$scope，$http”之后添加$filter

您无需这样做，数据到达后（在“.then”（函数…）中）已更新筛选列表。如果要：

$http.get（'getCars'））
.然后（功能（res）{
$scope.cars=res.data；
$scope.updateFilteredList（）；
})

你能把问题弄清楚吗？你到底想说什么do@MB我试图理解使用angular筛选表中行的示例。但是有几个问题。控制器初始化时是否加载了要筛选的列表？您能让问题更清楚吗？您到底想做什么do@MB我正在努力理解sample使用angular筛选表中的行。但有几个问题。控制器初始化时是否加载了要筛选的列表？我想您错过了最后两项的数字。7应该是8。我不想重复代码，这就是我创建函数的原因。但无法在我的

$htpp

requestChange$scope中调用它。filteredList=$filter（“filter”）（$scope.cars，$scope.filter_id）；到$scope.updateFilteredList（）；为8添加了一个代码段。您知道如何将筛选器更改为仅在列中工作吗？现在搜索每个字段。希望包括多个筛选器/列。您可以在标记中应用筛选器。如{row.name | uppercase}其中大写是过滤器。我想你错过了最后两项的数字。7应该是8。我不想重复代码，这就是我创建函数的原因。但是不能在我的

$htpp

requestChange$scope.filteredList=$filter（“过滤器”）（$scope.cars，$scope.filter\u id）；到$scope.updateFilteredList（）；添加了一个代码片段，如果您知道如何

app5.controller('eventCtrl', ['$scope','$http','$filter', function ($scope, $http, filter) {

    $http.get(/* Do whatever HTTP stuff you want here*/)
        .then(function(results){
            $scope.filteredList = $filter("filter")($scope.list, $scope.query);
            //Or do whatever you want to do with the results
        });

} //End of controller function
] /*End of the dependency array*/)