Can I use .effect Jquery in angular 2

Question

I want to use $("#myId").effect("highlight", {color:"#b1b1b1"}, 3000); for making some point prominent.

or do you have any code fit more than .effectin Angular 2

Please recommend me. thank you!

For example like this in option "Highlight"

Answer 1

Check https://angular.io/guide/animations section Automatic property calculation. Don't mix jQuery and Angular.

animations: [
  trigger('shrinkOut', [
    state('in', style({height: '*'})),
    transition('* => void', [
      style({height: '*'}),
      animate(250, style({height: 0}))
    ])
  ])
]

<ul>
  <li *ngFor="let hero of heroes"
      [@shrinkOut]="hero.state"
      (click)="hero.toggleState()">
    {{hero.name}}
  </li>
</ul>