首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Ionic:单击事件未被截获

Ionic:单击事件未被截获
EN

Stack Overflow用户
提问于 2017-02-10 10:40:14
回答 1查看 78关注 0票数 1

我有一个截取链接点击的指令:

代码语言:javascript
运行
复制
var app = angular.module('mobApp.services');
app.directive('a', function() {
    return {
        restrict: 'E', // only Elements (<a>),
        link: function(scope, elm, attr) {
            elm.on('click', function($event) {
                $event.preventDefault()
                var href = attr.href;
                if(!!href && href !== '#') {
                    window.open(href, '_system', 'location=yes');
                }
                return false
            })
        }
    }
})

我有这个元素

代码语言:javascript
运行
复制
<p ng-bind-html="post.details | linky:'_blank'" class="ng-binding">
   <a target="_blank" href="https://davidwalsh.name/speech-recognition" class="">
        https://davidwalsh.name/speech-recognition
   </a>
</p>

单击a不会触发上面的指令代码。

EN

回答 1

Stack Overflow用户

发布于 2017-02-10 13:21:20

它不能工作,因为你通过ng-bind-html呈现的html标记没有被Angular编译,以便指令可以工作。因此,如果您想要动态地将指令添加到文档中,则必须对其执行compile。下面是你如何做到这一点的answer

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42150592

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档