Properly resolving variable in HTML

Question

So I have a some HTML where I am pulling a value from a file and using it for a link, like so:

<a href="{{ var('page').value }}">page</a>

Now I need a popup to display that page when clicked, using a basic script and a line like this:

<a href="page.html" onclick="return popitup('page.html')">page</a>

However, I need the popup page value to be pulled from the file as well, so something like this:

<a href="{{ var('page').value }}" onclick="return popitup('{{ var('page').value }}')">page</a>

But the problem I am having is that the variable does not resolve in the popitup() call, I assume because of the apostrophes basically telling it to take that literally. What could fix this and make it resolve?

This is in conjunction with AngularJS

HTML alone is not supposed to know what to do with {{ }}. If you were using angular JS or another Javascript framework, then it could work. — alcfeoh
– alcfeoh, Commented Oct 19, 2015 at 17:33
You should be using ngClick and incorporating your popup that way. — tymeJV
– tymeJV, Commented Oct 19, 2015 at 17:39

Sam Sieber · Accepted Answer · 2015-10-19 17:40:10Z

2

I'm going to assume that the first snippet you posted. If it works, great; this answer should work for you. If not, well, I don't know - more information would be needed, like a fiddle illustrating the problem or know what templating engine you're using.

Since the function "popitup" needs the save value as the href of the link, why not pass in the href of the link?

<a href="{{ var('page').value }}" onclick="return popitup(this.href)">page</a>

answered Oct 19, 2015 at 17:40

Sam Sieber

6108 silver badges16 bronze badges

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

1 Comment

elykl33t Over a year ago

It does work, and this works perfectly. Thank you! A big part of the problem I was having is I myself could not recall what templating engine we were using so Googling was tough.

Community · Accepted Answer · 2017-05-23 10:27:07Z

0

ngClick is the way to deal with that kind of things if you are using Angular.

This was anserwed here, and if you really need the onclick attribute: how to pass angular js variable inside onclick function as parameter

edited May 23, 2017 at 10:27

CommunityBot

11 silver badge

answered Oct 19, 2015 at 17:45

Anfelipe

77112 silver badges21 bronze badges

Collectives™ on Stack Overflow

Properly resolving variable in HTML

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related