单击 div 更改 url 位置答案

【问题标题】：change url location on click the div单击 div 更改 url 位置
【发布时间】：2014-07-11 11:06:29
【问题描述】：

我想在点击 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 时不起作用

【问题讨论】：

警报（路径）到警报（路径）；除非是错字。
@Grimbode 如果这是 Javascript，分号是可选的。
我也试过了，还是不行
当我通过类似这样的东西 ng-click="go('aaaaaa')"
@user3792784 请检查我的答案。它对你有用吗？？

标签： javascript jquery angularjs

【解决方案1】：

不需要使用插值{{ }}，因为它已经是角度指令ng-click中的角度表达式@

随便用

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

还可以查看何时在 angular 指令中使用单大括号、双大括号和不使用大括号： https://stackoverflow.com/a/17879046/1177295

【讨论】：

【解决方案2】：

只需改变

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

到

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

这是DEMO

【讨论】：

我试过了还是不行......当我通过类似 ng-click="go('aaaaaa')" 而不是 ng-click="go('/{ {item1.title }}')"

【解决方案3】：

所以你的 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>

从上面的cmets和答案

【讨论】：