AngularJs - Можно ли определить функцию обратного вызова в HTML без использования контроллера?

Question

AngularJs - Можно ли определить функцию обратного вызова в HTML без использования контроллера?

0

Я пытаюсь определить функцию в своем html, чтобы использовать ее в качестве обратного вызова для директивы. Я попробовал два способа:

1. in ng-init

<directive ng-init="foo=function(data){console.log(data);}" callback="foo"></dirctive>


2. in the attribute:
    <directive callback="function(data){console.log(data);}"></directive>

для обоих я получаю сообщение об ошибке.

Можно ли это сделать без использования контроллера?

user2436448 24 сен. 2015, в 10:50

Источник

0

@see stackoverflow.com/questions/24640284/angular-directive-callback
Dennis Jaamann 24 сен. 2015, в 08:26
0

Привет, я не уверен, что ты ищешь. Вы можете создать пользовательскую директиву для манипулирования данными без контроллера. В любом случае вы хотите создать модуль для этой пользовательской директивы.
Abhilash Augustine 24 сен. 2015, в 08:39
0

Вы должны определить эту функцию в контроллере и использовать это имя функции в html.
Pankaj Parkar 24 сен. 2015, в 08:39
0

Даже при том, что это могло бы быть возможно, лучше держать вашу логику вне HTML и внутри контроллера. Использование ng-init также обычно не рекомендуется (см. Документацию ).
muenchdo 24 сен. 2015, в 08:47

Показать ещё 2 комментария

Теги:

angularjs

1 ответ

Ещё вопросы

@see stackoverflow.com/questions/24640284/angular-directive-callback
Привет, я не уверен, что ты ищешь. Вы можете создать пользовательскую директиву для манипулирования данными без контроллера. В любом случае вы хотите создать модуль для этой пользовательской директивы.
Вы должны определить эту функцию в контроллере и использовать это имя функции в html.
Даже при том, что это могло бы быть возможно, лучше держать вашу логику вне HTML и внутри контроллера. Использование ng-init также обычно не рекомендуется (см. Документацию ).

Rubel hasan · Answer 1 · 2015-09-24T08-04-00.000Z

Таким образом, вы можете вызвать свою функцию и управлять обратным вызовом

<my-customer >directive</my-customer>
-----------------------------------
angular.module('myapp', [])
.directive('myCustomer', function() {
 return{
  restrict:"E",
  link:function(scope,element,attrs){
        scope.callbackData=function(data,callback){
          var i=30+data;
          callback(i);
        }
        scope.callbackData(50,function(data){
          console.log(data) 
        });  
    } 
 }   
});