Angularjs Angular UI引导弹出框-使用单击触发时防止默认值
我有一个表,有许多行,每一行都可以选择,在第一列是一个信息按钮,使用bootstraps popover(UI Bootstrap Angular)Angularjs Angular UI引导弹出框-使用单击触发时防止默认值,angularjs,twitter-bootstrap,angular-ui-bootstrap,Angularjs,Twitter Bootstrap,Angular Ui Bootstrap,我有一个表,有许多行,每一行都可以选择,在第一列是一个信息按钮,使用bootstraps popover(UI Bootstrap Angular) 当我单击项目时,我希望它不要选择它后面的项目 我知道这可以通过使用e.preventDefault和e.StopRopagation()来实现,我如何使用bootsrap UI实现这一点 谢谢告诉它停止传播这样的事件: <span ng-click="$event.stopPropagation()" class='glyphicon
当我单击项目时,我希望它不要选择它后面的项目
我知道这可以通过使用e.preventDefault和e.StopRopagation()来实现,我如何使用bootsrap UI实现这一点
谢谢告诉它停止传播这样的事件:
<span ng-click="$event.stopPropagation()" class='glyphicon glyphicon-info-sign' popover-placement='right' popover='my notes to display'></span>
这应该会有帮助。您可以在angular视图中使用$event.preventDefault()。这如何与UI引导一起工作,UI引导似乎只与属性一起工作?我说过您可以在angular视图中使用它。在您的例子中,我认为您使用了angular,因此可以像ng click=“$event.preventDefault()”一样使用它。如果没有,那么详细地告诉你的问题。几乎正确。但是,应该在此处使用StopperPropagation来避免事件冒泡,而不是preventDefault。单击i标志符号只会从按钮触发它自己的事件,而不会触发它的父事件。谢谢,这就成功了。。。因为我正在从控制器内部呈现代码。我不想在你的例子中使用compile,所以我做了以下onclick='(函数(e){e.stopPropagation();}),我不得不使用
$event.preventDefault()代码>使其在Chrome的Angular6中工作。
<span ng-click="$event.stopPropagation()" class='glyphicon glyphicon-info-sign' popover-placement='right' popover='my notes to display'></span>