change url location on click the div

Question

I want to change location on clicking the div .

Below is code

    <div class="divsub" ng-repeat="item1 in content" ng-click="go('/{{item1.title }}')">
    <div class="divsubtitle"><a >{{item1.title}}</a></div>
    <div class="divsubinner"></div>
    <div class="divsublink">
         <div style="float:left;text-decoration:underline;margin-left:19px">View Demo</div>
         <div style="float:left;text-decoration:underline;margin-left:10px">Download</div>
    </div>
</div>

Below is my controller

first2.controller('nameListCtrl', function ($scope,urls_list) 
{
    $scope.content=urls_list;
    $scope.go=function(path)
    {
        alert(path)
    }
});

Why alert is not working on clicking the div

it works when i pass something like this ng-click="go('aaaaaa')" — bharath, Jul 11 '14 at 11:09

score 2 · Answer 1 · edited May 23 '17 at 10:26

2

No need to use interpolation {{ }} because its already an angular expression inside an angular directive ng-click

Just use

ng-click="go(item1.title)"

Also see when to use single, double and no curly braces in angular directives: https://stackoverflow.com/a/17879046/1177295

edited May 23 '17 at 10:26

Community

1
1

answered Jul 11 '14 at 11:16

Raghavendra

5,281
4
36
51

iJade · Accepted Answer · 2014-07-11T11:18:02.833

1

SImply change

ng-click="go('item1.title)"

to

ng-click="go(item1.title)"

Here is a DEMO

edited Jul 11 '14 at 11:18

answered Jul 11 '14 at 11:08

iJade

23,144
56
154
243

i tried that too still not working... it works when i pass something like this ng-click="go('aaaaaa')" instead of ng-click="go('/{{item1.title }}')" – bharath Jul 11 '14 at 11:12

score 0 · Answer 3 · answered Jul 11 '14 at 11:22

So your HTML can be changed as like below

<div class="divsub" ng-repeat="item1 in content" ng-click="ng-click="go(item1.title)"">
<div class="divsubtitle"><a >{{item1.title}}</a></div>
<div class="divsubinner"></div>
<div class="divsublink">
     <div style="float:left;text-decoration:underline;margin-left:19px">View Demo</div>
     <div style="float:left;text-decoration:underline;margin-left:10px">Download</div>
</div>

From the above comments and answer

change url location on click the div

3 Answers3

Linked