cari

Rumah  >  Soal Jawab  >  teks badan

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

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

漂亮男人漂亮男人2809 hari yang lalu690

membalas semua(3)saya akan balas

  • 滿天的星座

    滿天的星座2017-05-15 17:10:16

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

    balas
    0
  • 某草草

    某草草2017-05-15 17:10:16

    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
    }

    balas
    0
  • 淡淡烟草味

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

    Salam, adakah anda telah menyelesaikan masalah ini?

    balas
    0
  • Batalbalas