链接

Question

我想有一个带有“对话框”类的div，所以当用户点击该div时，里面的专家链接会将他重定向到一个页面。并且该div内的“链接”应该将用户重定向到另一个页面。并返回上一页浏览器按钮应该返回正确的页面。我在javascript上看到了一些例子，但它们对于角度不起作用，我总是在返回时获得第二页。

我有以下代码片段。

   <div ng-repeat="dialog in dialogs">
        <div class="dialog row well well-sm">
            <div class="col-xs-8">
                 ...
                <a class="msg-heading" href="#!/item/{{ dialog.adv_id }}">
                    {{ dialog.adv_name }}
                </a>
                ....
            </div>
        </div>        
    </div>

Answer 1

这是通过将事件对象作为ng-click函数的参数传递并检查event.target

来实现此目的的一种方法

<div class="dialog row well well-sm" ng-click="doRedirect($event)">

然后在控制器或指令中：

$scope.doRedirect = function(event){
     if(!angular.element(event.target).hasClass('msg-heading') ){
          /* not the <a> tag so put your redirect code here */
     }
}