首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在angularJS中使用$emit将函数从子对象传递到父对象

在angularJS中使用$emit将函数从子对象传递到父对象
EN

Stack Overflow用户
提问于 2017-12-05 01:58:59
回答 2查看 2.2K关注 0票数 0

我想从子控制器将函数的结果发送给父控制器。

下面是我的文件结构

代码语言:javascript
运行
复制
-submission.controller.js
--calculate.controller.js

在calculate.controller.js中,我有一个函数,如下所示:

代码语言:javascript
运行
复制
function validForm() {
  var checkForm = false;
  if(files === true) {
    checkForm = true;
  }
  return checkForm;
}

我希望将此函数的结果发送给父函数(submission.controller.js),并将其用作函数中的参数。

代码语言:javascript
运行
复制
showValidZip() {
  if (validForm() === true) {
    return false;
  }
  return true;
};

到目前为止,我已经尝试使用$emit和$on将validForm从计算发送到提交,但一直没有成功。

例如:

代码语言:javascript
运行
复制
$scope.$emit('validForm', function () {
  var checkForm = false;
  if(files === true) {
    checkForm = true;
  }
  return checkForm;
});

代码语言:javascript
运行
复制
$scope.showValidZip = function () {
  if ($scope.$on('validForm') === true) {
    return false;
  }
  return true;
};

但它并没有真正像预期的那样工作。

EN

回答 2

Stack Overflow用户

发布于 2017-12-05 02:52:56

假设控制器以这样一种方式使用,即它们是彼此的父子关系,那么您所提供的代码就有两个问题:

  1. $scope.$emit需要事件名后面的参数,所以如果你想传递一个函数的结果,你可以有一个单独的函数,然后像$scope.$emit('validForm', myFunctionCall())
  2. Also,一样从那里调用它,你不能像那样使用$scope.$on,因为它不会返回任何东西。如果您想要访问从$emit发送的值,您可以在侦听器函数(第二个参数)中执行此操作,即类似以下内容:

$scope.$on('validForm',function(event,argument1) { // argument1与myFunctionCall() }的返回值相同);

票数 0
EN

Stack Overflow用户

发布于 2017-12-05 17:39:22

从子进程“‘Emit”。

代码语言:javascript
运行
复制
$scope.$emit('validForm', function () {
var checkForm = false;
if(files === true) {
checkForm = true;
}
return checkForm;
});

现在接收。

代码语言:javascript
运行
复制
$scope.showValidZip = function () {
$scope.$on('validForm'), function(event, data) {
  if(data === true)
  return false;
});
return true;
};
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47639275

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档