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

乌特卡什·乔塔姆(Utkarsh Gautam)

我有一个表单,单击“发送消息”按钮时,我需要显示一条使用 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:--

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

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

您需要为您点击的元素添加一个点击事件。

http://learnangular2.com/events/

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

然后在你的组件代码中定义了 clicked() 函数并将你想要运行的代码放在那里。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Angular 2中实现rxjs订阅?

来自分类Dev

如何在Angular 2中实现AuthGuard等待连接

来自分类Dev

如何在Angular 2中实现AuthGuard等待连接

来自分类Dev

如何通过jQuery使验证消息警报

来自分类Dev

如何在Angular 2中使用jQuery?

来自分类Dev

如何在Angular2中使用bootstrap / jquery

来自分类Dev

如何在JSP的警报/消息框中显示图像

来自分类Dev

如何在Excel VBA中显示警报消息?

来自分类Dev

如何在JSP的警报/消息框中显示图像

来自分类Dev

Angular 2+ 实现 jquery

来自分类Dev

如何在javascript中向单个警报消息追加/更新消息?

来自分类Dev

如何在Angular2 / 4/5中实现自定义异步验证器

来自分类Dev

如何在Angular2中实现“类别过滤器”

来自分类Dev

如何在sail.js中实现angular2材料?

来自分类Dev

如何在Angular中实现多级路由?

来自分类Dev

如何在Angular中实现多级路由?

来自分类Dev

如何在angular中实现jvectormap

来自分类Dev

如何在 Angular 中实现区域

来自分类Dev

如何在 Jquery 中实现搜索功能?

来自分类Dev

服务器响应后如何在Symfony2中显示警报或信息消息而无需重新加载页面

来自分类Dev

如何在Webpack Angular 2中包含jQuery和Semantic-ui

来自分类Dev

如何更改Symfony2中FlashBag消息的实现

来自分类Dev

如何使用Dart在angular2中实现动画

来自分类Dev

如何在JQuery Multifile中删除警报验证

来自分类Dev

如何在jQuery中仅显示一次警报

来自分类Dev

如何在Angular 8中使用angular-oauth2-oidc实现身份验证代码流

来自分类Dev

如何在Angular 2中利用URLSearchParams?

来自分类Dev

如何在Angular 2中关闭模态?

来自分类Dev

导入如何在Angular 2中工作?

Related 相关文章

热门标签

归档