如何在Angular 2中实现jQuery警报消息？

Question

我有一个表单，然后单击＆＃34;发送消息＆＃34;按钮我需要显示一条使用jQuery的警报消息，但是为了使这条警报消息可见，我必须双击而不是我希望它只需一次点击即可解雇。

以下是我的提醒消息的HTML代码： -

<button>View Alert</button>
<div class="alert-container">
  <i class="icon fa fa-comments"></i>
  <p class="alert-message">New message from me</p>
  <div class="extra">View this message</div>
</div>

以下是jQuery for alert消息： -

$('button').click(function(){
  $('.alert-container').addClass('active');

  setTimeout(function(){
    $('.alert-container').removeClass('active');
  }, 3000);
});

Answer 1

您需要将click事件添加到您要点击的元素中。

http://learnangular2.com/events/

<button (click)="clicked()">Click</button>

然后在组件的代码中定义了clicked（）函数，并将要运行的代码放在那里。