AngularJS variable value in location.href in onclick is not resolved

Question

In HTML, I have an angular variable called

boards.current.url

whose meaning i can be seen through

However, I want to use this value in location.href as shown below,

<div class="board" onclick="location.href='{{boards.current.url}}'" style="cursor: pointer;">

it doesn't work - angular variable value

boards.current.url

not allowed - any ideas?

+3

Jimmy MO May 11 '17 at 15:40

2 answers

Sajeetharan · Answer 1 · 2017-05-11T15:41:31+0000

use angular-directive instead ng-click

onclick

<div class="board" ng-click="location.href='{{boards.current.url}}'" style="cursor: pointer;">

Sagar hani · Answer 2 · 2017-05-11T18:57:41+0000

The correct way to write this is to use ng-href:

<div class="board" ng-href="{{boards.current.url}}" style="cursor: pointer;">