angular.js - Bagaimana untuk mengikat acara kepada elemen anak dalam templat dalam arahan sudut?

Question

directive('mzIconTransform',['$timeout',function ($timeout) {
    return {
        scope: {
            iconSrc1: '@',
            iconSrc2: '@',
            showFlag: '=',
            clickFunc: '&'
        },
        restrict: 'EA',
        replace: true,
        transclude: true,
        template: '<p><img src="{{iconSrc1}}"  class="icon-button" ng-if="!showFlag" id="icon-off" /><img src="{{iconSrc2}}" class="icon-button" ng-if="showFlag" ng-click="clickFunc()" /></p>',
        link: function (scope, element, attr) {
            var elemChildren = element.children();
            element.bind('touchstart', function () {
                scope.$apply(function () {
                    scope.showFlag = true;
                });
                console.log("touchstart事件触发");
            });
            element.bind('touchend', function () {
                scope.$apply(function () {
                    scope.showFlag = false;
                });
                console.log("touchend事件触发");
            });
        },
    };
}] );

Fungsi yang saya mahu ialah selepas menyentuh gambar, gambar akan bertukar kepada yang lain, dan kemudian menukar semula selepas sentuhan selesai Pada masa yang sama, kaedah dalam ng-klik akan dipanggil, jadi saya ingin menambah img pertama di bawah acara p, tetapi nampaknya elemen kanak-kanak tidak boleh diperolehi dalam fungsi pautan Adakah terdapat sebarang cara untuk mendapatkan elemen kanak-kanak dan mengikat peristiwa padanya pada masa yang sama

Answer 1

element.find('img')[0] Bolehkah anda mendapatkannya?

Answer 2

Ubah suai templat dalam compile
compile:function(iEle,iAttr){
//jquery Dapatkan teg img di bawah elemen iEle templat
$('img',iEle).attr('someAttr','someValue' );/ /Ubah suai atribut elemen templat, dan secara semula jadi anda boleh mengubah suai ng-klik
}

Answer 3

Salam, adakah anda telah menyelesaikan masalah ini?