angular.js - angular怎么样为新增的节点调用trigger方法
phpcn_u1582
phpcn_u1582 2017-05-15 17:08:56
0
2
532

angular中怎么样为动态新增的节点调用triggerHandler方法?

我的节点是根据一个表动态生成的:

 <a class="btn btn-default J_Local" href="javascript:void(0);" id="J_MapImg_{{my.sku_val_id}}"  ng-click="uplod($event)"><span>本地上传</span></a>

点击事件如下:

$scope.uplod = function(obj){
    supload.init({
        button: ''+obj.currentTarget.id+'', uploaded: function (uploader, file, response) {
            if (response.code == 1){
                layer.msg(response.msg);
            }
            else {
                $('#'+obj.currentTarget.id).siblings("p.preview").html("<img src='" + response.src + "' width='20' height='20'/>");
            }
        }
    });
    $('#'+obj.currentTarget.id+'').off("click");
}

但是动态生成的图片调用我的图片上传需要双击才能处罚,我想生成点击的时候让他自动trigger一下点击,该如何实现呢?

phpcn_u1582
phpcn_u1582

Antworte allen(2)
漂亮男人

如果是angularjs,在里面混用jQuery是不对的
针对你的场景,无需动态插入html代码,掌握好以下知识点

angular.module('app', [])
.filter("trustUrl", ['$sce', function ($sce) {
    return function (recordingUrl) {
        return $sce.trustAsResourceUrl(recordingUrl);
    };
}])
function($scope, $ajax) {
    $scope.src = null;
    
    $scope.upload = function() {
        $ajax.post(...., function(response){
            $scope.src = response.src;
            $scope.$apply(); //通知更改了
        }
        
    }
}


<img src="{{src || 'http://...../upload.jpg'|trustUrl}}" ng-click="upload()">
淡淡烟草味

如果是jquery的话,需要使用$().on("click",function(){})形式

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage