AngularJS Different URL If

Question

I currently have the following link on my page.

<a href="/#!/blog/{{article.id}}" title="Permalink to {{article.title.__cdata}}" itemprop="url">{{article.title.__cdata}}</a>

I would like to make a small change, but am not sure of the proper syntax.

If {{article.url}} is NOT zero-length, I would like to use that instead of /#!/blog/{{article.id}}

If {{article.url}} is zero-length, I would like to continue to use /#!/blog/{{article.id}}

JB Nizet · Accepted Answer · 2014-09-23 22:39:14Z

1

<a ng-href="{{ article.url || '/#!/blog/' + article.id }}" ...>

or you could put this logic in the controller if you find it too complex to be in the view:

<a ng-href="{{ getPermalink(article) }}" ...>

$scope.getPermalink = function(article) {
    return article.url || '#!/blog/' + article.id;
}

answered Sep 23, 2014 at 22:39

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

1 Answer 1