Scope function not working with JSON Object

Question

I'm developing an app with AngularJS. I have this function declared in the controller:

$scope.showModal = function(modalId){
    alert(modalId);
    $(modalId).openModal();
};

Then I have a hyperlink which calls this function:

<a ng-click="showModal('#modal{{jsonObject._id}}');" >link</a>

The JSON Object ID is "1". In the navigator, I can see that the HTML code of the link is this:

<a ng-click="showModal('#modal1');" >link</a>

But when I click the link, the alert shows this:

#modal{{jsonObject._id}}

Instead of "#modal1".

Am I doing something wrong?

Thanks in advance.

Mixing angular and jquery that much is bad practice. You might be interested in angular-ui-bootstrap which offers angular-integrated modals — Aaron
– Aaron, Commented Nov 20, 2015 at 13:31

Christoph · Accepted Answer · 2015-11-20 13:30:04Z

2

In the ng-click you are in the angular context, so you have not to use {{}}.

<a ng-click="showModal('#modal'+jsonObject._id);" >link</a>

answered Nov 20, 2015 at 13:30

Christoph

2,0531 gold badge27 silver badges35 bronze badges

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

1 Answer 1