搜尋

首頁  >  問答  >  主體

angular.js - angular怎麼樣為新增的節點呼叫trigger方法

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_u1582phpcn_u15822849 天前568

全部回覆(2)我來回復

  • 漂亮男人

    漂亮男人2017-05-15 17:10:56

    如果是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()">

    回覆
    0
  • 淡淡烟草味

    淡淡烟草味2017-05-15 17:10:56

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

    回覆
    0
  • 取消回覆