In Dart Angular, how to pass functions to component

Question

I have a component MyComp and I would like to pass a function to it as parameter. More precisely I would like to do something like that:

dart component file:

 @NgComponent(
        selector: 'mycomp',
        publishAs: 'ctrl',
        map: const {
          'myfunc' :'=> myfunc'
        }
    )
class MyComponent {
   Function myfunc;

   ....
   myfunc();
}

html:

<mycomp myfunc="ctrl.myfunc"></button-list>

The problem is that myfunc is null in the component. Do I miss something? How can I do that?

Günter Zöchbauer · Accepted Answer · 2014-02-04 12:36:49Z

7

Use '&' to bind a function to a field:

@NgComponent(
    selector: 'mycomp',
    publishAs: 'ctrl',
    map: const {
      'myfunc' :'&myfunc'
    }
)
class MyComponent {
    Function myfunc;

   ....
   myfunc();
}

http://ci.angularjs.org/view/Dart/job/angular.dart-master/javadoc/angular.core/NgComponent.html#map

edited Feb 4, 2014 at 12:36

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

answered Dec 7, 2013 at 16:21

Ozan

4,4252 gold badges25 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

odwl Over a year ago

Great. To pass parameter, it there something simpler than myfunc({'\$myparam': xyz} with the html being <mycomp myfunc='ctrl.func($myparam)'> ?

Ozan Over a year ago

Hmm, do you want to pass a parameter to mycomp when binding the function or from mycomp when calling myfunc?

odwl Over a year ago

I want to pass a parameter when calling myfunc.

Ozan Over a year ago

Just call it like any other function. When binding it, in the html just write <mycomp myfunc='ctrl.func'>. Hint: '$' in identifiers is reserved for angular-specific members.

pavelgj Over a year ago

To pass parameters you'll need to pass a locals scope when calling the function: myfunc({'param1': paramVal1, 'param2': paramVal2}); and when binding <mycomp myfunc='ctrl.myfunc(param1, param2)'>

|

Günter Zöchbauer · Accepted Answer · 2014-01-29 06:43:18Z

6

The preferred way in AngularDart is to use annotations

@NgCallback('myfunc') Function myFunc;

edited Jan 29, 2014 at 6:43

answered Dec 7, 2013 at 16:04

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Collectives™ on Stack Overflow

In Dart Angular, how to pass functions to component

2 Answers 2

7 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related