イベントの関数名を角度2で変更しますか？

Question

イベントに関連付けられた機能を動的に変更したいと考えています。 「：式が期待された場所ガット補間（{{}}）パーサーエラー」：私はこの試みた

(click) = "{{myFunction}}" 

をしかし、私はエラーを取得します。 条件に応じて、TypeScriptのmyFunctionを1つまたは他の関数に変更する必要があります。

Answer 1

私はあなたのためplunkerを作成：https://plnkr.co/edit/se3kz5AF4sSmgHue8W7u?p=preview

onImgClick() { 
    if(this.imgDisabled){ 
     console.log('img disabled'); 
     return; 
    } 
    alert('clicked'); 
    this.imgDisabled = true; 
    console.log('img disabled'); 
    let that = this; 
    setTimeout(() => { 
     that.imgDisabled = false; 
     console.log('img enabled'); 
    }, 5000); 
} 

Answer 2

​​

Answer 3

何をしようとするための技術的な用語は、 "スロットリング" です。それを探してみてください。多くのライブラリがその機能を何らかの形で提供します。多くの場合、それは「高次関数」として実装されています。これは、基底の関数を取り込み、それを抑制した関数を返す関数です。基本的なロジックは以下のとおりです。あなたのコンポーネントで今

function throttle(fn, ms) { 
    let last = 0; 

    return function() { 
    const now = +new Date(); 

    if (now > last + ms) { 
     last = now; 
     fn.apply(this, arguments); 
    } 
    }; 
} 

：つもりな作業ではありません

(click)="myFunction()" 

myFunction = throttle(this.click);