我正在使用 angular 1.5 组件,并且需要从 $emit 在子组件中调用父 Controller 中的函数。我们怎样才能做到这一点?
例子:
(function (angular) {
'use strict';
controllerName.$inject = [];
function controllerName() {
var _this = this;
function toBeCalledOnEmit() {//some code}
var vm = {
toBeCalledOnEmit: toBeCalledOnEmit
}
angular.extend(_this, vm);
}
angular.module('moduleName', [
]).component('parentComponenet', {
templateUrl: 'templateUrl',
controller: 'controllerName'
}).controller('controllerName', controllerName);
})(angular);
子组件:
(function (angular) {
'use strict';
childController.$inject = [];
function childController() {
//needs $emit here
}
angular.module('childModuleName', [
]).component('childComponent', {
templateUrl: 'templateUrl',
controller: 'childController'
}).controller('childController', childController);
})(angular);
最佳答案
我更喜欢使用一个单独的事件服务来公开订阅和通知功能。但是如果你更喜欢从子组件发出,那么它看起来像这样:
子组件
(function (angular) {
'use strict';
function childController($scope) {
$scope.$emit("someEvent", args);
}
angular.module('childModuleName', [
]).component('childComponent', {
templateUrl: 'templateUrl',
controller: ['$scope', childController]
});
})(angular);
父组件
(function (angular) {
'use strict';
function controllerName($scope) {
var _this = this;
function toBeCalledOnEmit(event, args) {
//some code
}
$scope.on('someEvent', toBeCalledOnEmit);
var vm = {
toBeCalledOnEmit: toBeCalledOnEmit
}
angular.extend(_this, vm);
}
angular.module('moduleName', [
]).component('parentComponent', {
templateUrl: 'templateUrl',
controller: ['$scope', controllerName]
});
})(angular);
关于angularjs - 在 angular 1.5 组件中使用 $emit,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37291799/