Passing compiled parameter to directive for ng-click

Question

I'm trying to use ng-repeat in Angular 1.6.x

getToggle keys returns ['card1', 'card2']

<li ng-repeat="fi in getToggleKeys()">
     <a ng-click="actions.toggleMode($event, '{{fi}}')" href="#"</a>
</li>


actions: {
    toggleFIMode(event, mode) {
        event.preventDefault();
        this.getMode = mode;
},

Problem:

When the DOM renders, I see the proper value for {{fi}} as card1 however, when the function toggleFIMode is being called, I see {{fi}} instead of card. as second param.

Can someone enlighten me what I'm doing wrong?

How can I send compiled version of the {{fi}} to the function?

score 2 · Answer 1 · answered Jan 17 '19 at 21:56

2

Remove the {{}}, ngClick already expects an Angular expression:

<a ng-click="actions.toggleMode($event, fi)" href="#"</a>

answered Jan 17 '19 at 21:56

tymeJV

103,943
14
161
157

Thank you for the response. Strange but it works. I see `` on DOM (I was expecting the value of `fi` to be replaced) – TechnoCorner Jan 17 '19 at 21:58
I don't think the DOM will render the evaluated string of `fi` - but it will be called with the correct value. – tymeJV Jan 17 '19 at 22:00

Passing compiled parameter to directive for ng-click

1 Answers1