jquery的click事件无效,事件无效

图片 1

经过指令 ng-bind-html来促成html的出口

<div class="col-md-12 ng-binding" ng-bind-html="item.content ">  

jquery的click事件无效,事件无效。还要求通过通过$sce服务来贯彻html的呈现

angular.module("list",[]).controller("BlogListCtrl", BlogListCtrl).filter(  
    'to_trusted', ['$sce', function ($sce) {  
        return function (text) {  
            return $sce.trustAsHtml(text);  
        }  
    }]  
)  

此处通过$sce营造2个过滤器来对出口的html实行过滤

<div class="col-md-12 ng-binding" ng-bind-html="item.content|to_trusted ">   

1.先定义了模块,在选择选取器

在动态扩张的内容中包括点击按键,不过经过jquery的click不可能触及

驷不如舌是要引用$compile方法

指令:

$('#addone').click(function () {

var appendStr=
" </div>\n" +
" <div class=\"layui-col-md4\" >\n" +
" <div class=\"layui-btn-container\" style=\"margin-left: 20px\">\n" +
" <button class=\"layui-btn layui-btn-sm deleteone\">\n" +
" <i class=\"layui-icon\">&#xe640;</i>\n" +
" </button>\n" +
" </div>\n" +
" </div>\n" +
" </div>";

$("#firstone").append(appendStr)


});

$("#firstone").on("click",".deleteone",function () {
alert(1234)
$(this).closest(".layui-row").remove();

})

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图