//创建节点
var html = "<a href='javascript:void(0);' ng-click='test()'></a>"
//用$compile进行编译
var $html = $compile(html)($scope);
//添加到页面中,这样ng-click就可以触发function了
$("body").append($html);
项目中用到:
var li = "<li style='position:relative;'>" +
"<img class='sel-photo' style='height:" + imgHeight + "px;width: :" + imgWidth + "px' src='" + base64 + "'>" +
"<i style='position: absolute; right: 0; top: 0; width: 1.4rem;' ng-click='deletePhoto($event)' style='z-index:12;width:17px;'>" +
"<img name='targetPhoto' src='../img/quiz/quiz_del.png'>" +
"</i>" +
"</li>";
var $li = $compile(li)($scope);
$("#photos_table_div").append($li);
//此外获取src并删除,如下
$scope.deletePhoto = function (event) {
var delImg = event.target.parentElement.parentElement;
var delSrc = delImg.children[0].src;
console.log(" event.target===" + delImg);
console.log(" event.target.parentElement===" + event.target.parentElement);
console.log(" event.target.parentElement===" + delImg.nodeName);//LI
console.log("图片delImg===:::" + delSrc);
console.log("localImgDatas=======================;:" + localImgDatas);
var delSrcIndex = localImgDatas.indexOf(delSrc);
console.log("delsrcindex=======================" + delSrcIndex);
if (delSrcIndex > 0) {
localImgDatas=localImgDatas.replace(delSrc, "");
console.log("localImgDatas=======================:::" + localImgDatas);
}
locals.set("localImgDatas", localImgDatas);
delImg.remove();
}
参考: