Question

我的问题是，对于每个选择选项，我需要调用不同的函数，而不是相同的函数。

我开始使用ng-click每个选择选项，但很快意识到这不起作用。然后我阅读了关于ng-options https://docs.angularjs.org/api/ng/directive/ngOptions

的Angular文档

该文档说明了使用ng-change，但它基于每个select选项都应用了相同的函数。

在考虑了这一点后，我最终创建了一个在ng-change上调用的函数。此函数只确定要调用的代理。

$scope.determineAction = function() {
    var getDelegation = $injector.get($scope.selected.action);
    getDelegation.delegate();
  }

Plunker： http://plnkr.co/edit/2Str6OqmFDH3kKdiW6i5

我已经为我的问题创建了一个解决方案，但我想知道这是否是正确的方法？我在ng-options中遗漏了一些允许许多不同函数调用的东西吗？

Answer 1

TL; DR：是的，你做得对的。

是的，你做得对的。您并没有错过ng-options的某些秘密方面，它允许您为每个项目指定不同的内容。事实上，这样做会破坏ng-options的目的。它特别适用于您处理的项目数量可变的情况，但需要对它们执行的操作是相同的。

在your Plunker中，您完全正确地证明了这一点。你有一个可变的动作列表;它可以有任何数量的行动。但是，您要对它们执行的操作是相同的：当您选择新项目时，您希望运行由支持范围指定的某些操作。这正是控制器的意图！正如您所发现的，您需要做的就是以这样一种方式编写函数，即确定事物的当前状态并做出相应的反应。您需要做的就是确保它正在设置该状态，以便您的控制器能够理解它。

你已经完成了所有这些，所以要坚持下去！

ng-change选择选项调用多个唯一函数

1 个答案: