角度を入れ替えるjQuery

Question

私はコードでAnuglarをjQueryよりも使用しようとしています。私AppComponentで

私はこれがあります。

HTML：

<div class="login-wrapper toggle-content"> 
    <button class="close" type="button"><span aria-hidden="true">×</span></button> 
    <iframe 
     id="loginframe" 
     [src]="framesrc" 
     width="100%" 
     height="100%" 
     >Loading...</iframe> 
</div> 

のjQuery：

/* --------- Login widget toggle ----------- */ 
$(document).on('click', '#loginButton', function() { 

    console.log("loginButton clicked"); 
    if (can3rdparty) { 
    $('.toggle-content').slideToggle(); 
    } else { 
    var popup = window.open(this.framesrc, '_blank', 'height=500,width=900'); 
    } 
}); 

私はこのために、純粋な角度/ JavaScriptを使用するにはどうすればよいですか？

Answer 1

<button #viewChildHandle (click)="myFunction" class="close" type="button"><span aria-hidden="true">×</span></button> 

コントローラクラスでは、@ViewChildアノテーションを使用して要素のハンドルを取得する必要があります。そして、ハンドルを持っているときは、通常のHTML要素をjQueryでラップするように、viewChild要素をjQueryでラップすることができます。

myFunction() { 
    $(viewChildEl).slideToggle(); 
}