Tengo el siguiente problema, al intentar de llamar a una función que se le pasa a una directiva y agregarle unos parámetros me devuelve un error.
Directiva
angular
.module('my.directive', [])
.directive('myInput', ['$compile', function ($compile) {
return {
restrict: 'E',
replace: true,
scope: {
change: '&?',
},
template: '<input type="text" ng-model="myinput" aria-label="format" autocomplete="off" />',
link: function (scope, element) {
// on change function
if (typeof scope.change === 'function') {
element.on('change', function () {
// acá es donde quiero pasarle parámetros
scope.change('asdText', true, 829232)
})
}
}
}
}])
Vista
<my-input change="myFunction" />
Controlador
angular
.module('my.directive', [])
.directive('myControllerDirective', [function () {
return {
templateUrl: 'myTemplateUrl.html',
controller: ['$scope', function($scope) {
$scope.myFunction = function(param1, param2, param3) {
// hacer algo con esos parámetros
};
}]
}
}])
Esto es en Angular 1.6. El error que me arroja es:
Uncaught TypeError: Cannot use 'in' operator to search for 'myFunction' in asdText
Agrego un codepen para poder visualizarlo.
Cannot use 'in' operator to search for 'x' in 'y'
. Ese 'y' sería lo importante