单击div更改URL位置

时间:2014-07-11 11:06:30

标签: javascript jquery angularjs

我想在点击div时更改位置。

以下是代码

    <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>

以下是我的控制器

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

为什么单击div

时警报无效

3 个答案:

答案 0 :(得分:2)

无需使用插值{{ }},因为它在角度指令ng-click

中已经是一个角度表达式

只需使用

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

另请参阅角度指令中何时使用单个,双重和无花括号: https://stackoverflow.com/a/17879046/1177295

答案 1 :(得分:1)

完全改变

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

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

这是DEMO

答案 2 :(得分:0)

因此,您的HTML可以更改,如下所示

<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>

从以上评论和回答