Question

我是Angular 4的新手。以下函数是我们目前在asp.net项目中使用的函数。它的工作完美。此功能用于更改字体的箭头图标真棒。

<script type="text/javascript">        
     $('.collapse').on('shown.bs.collapse', function () {
     $(this).parent().find(".fa-caret-down").removeClass("fa-caret-down").addClass("fa-caret-up");
     }).on('hidden.bs.collapse', function () {
     $(this).parent().find(".fa-caret-up").removeClass("fa-caret-up").addClass("fa-caret-down");
   });
</script>

如何在角度4中编写上述功能？

Answer 1

根据社区和官方文档，您应该避免在Angular中使用jQuery，因为Angular本身有很多方法可以执行此类任务。但是如果你想使用jQuery，那么你可以。

只需在组件的构造函数/ ngOnInit（Angular的生命周期钩子）中添加此代码：

$('.collapse').on('shown.bs.collapse',  () => {
      $(this).parent().find(".fa-caret-down").removeClass("fa-caret-down").addClass("fa-caret-up");
        }).on('hidden.bs.collapse', () => {
          $(this).parent().find(".fa-caret-up").removeClass("fa-caret-up").addClass("fa-caret-down");

假设你安装了jQuery（如果没有安装，请使用命令npm i jquery --save）

如何将Jquery函数重写为angular 4？

1 个答案: