AngularJS - ng-bind - binding a url

Question

I'm trying to bind a var which contains an URL and ng-click.

I'm binding this url - but it doesn't show as a hyperlink.

var myURL = "http://www.cnn.com');'>LINK"

it appears literally ... like

<a ng-click='formatter.GotoLink('http://www.cnn.com');'>LINK</a>

instead of just "LINK"

Any ideas what's wrong with myURL string?

formatter.GotoLink = function (url){
    window.open(link,'_system');
}

You have a ' quote mismatch. Use " as outer quotes for your HTML attributes — devnull69
– devnull69, Commented May 6, 2015 at 13:15

Thomas Roch · Accepted Answer · 2015-05-06 13:32:01Z

3

First, wrap your expression between double quotes

<a ng-click="formatter.GotoLink('http://www.cnn.com');">LINK</a>

Then make sure your function uses the right param (url or link)

formatter.GotoLink = function (url){
    window.open(url,'_system');
}

Finally, for a link to show as an hyperlink, you need an href. You could do this (if you don't need the window object):

<a ng-href="http://www.cnn.com" target="_system">LINK</a>

edited May 6, 2015 at 13:32

answered May 6, 2015 at 13:18

Thomas Roch

1,2168 silver badges19 bronze badges

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

Comments

Pratik · Accepted Answer · 2015-05-06 13:47:29Z

1

<a ng-click="formatter.GotoLink('http://www.cnn.com')">LINK</a>

edited May 6, 2015 at 13:47

answered May 6, 2015 at 13:17

Pratik

1,1388 silver badges26 bronze badges

7 Comments

Jon Over a year ago

How do I build the string.

Jon Over a year ago

var arrOfDocs = []; arrOfDocs.push("<a ng-click="formatter.GotoLink('cnn.com');">LINK</a>"); this doesn't work

Pratik Over a year ago

why are you using an array to build a string?

Jon Over a year ago

The links come from a JSON file - I need to build an array of hyperlinks that then can be displayed (binding) and clicked on

Pratik Over a year ago

String website = "cnn.com";String link = "<a ng-click='formatter.GotoLink(Website)'>LINK</a>"; Push this link into your array

|

Collectives™ on Stack Overflow

AngularJS - ng-bind - binding a url

2 Answers 2

Comments

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related