angular 2 trigger 'click' using jquery not working

Question

I'm trying to create a application with angular 2,i have an <a> tag and using ("click") event.I want when an component rendering finished my a tag trigger click using jquery.But not working ! here is my .HTML code :

     <a href="" id="all_m" ('click')="test($event)"></a>

in my another component : export class inside_group_page implements OnInit{

        ngOnInit(){
             jQuery("#all_m").trigger("click");
        }

IgorL · Accepted Answer · 2016-05-01 07:53:24Z

2

do not use jquery with ng2

@Component({
   selector: 'inside-page-group',
   template: `<a #all_m href="" ('click')="test($event)"></a>`
}
export class InsideGroupPage {
   @ViewChild('all_m')
   private allMElementRef;

   constructor(@Inject(Renderer) private renderer: Renderer){
   }

   ngAfterViewInit() {
       this.renderer.invokeElementMethod(this.allMElementRef.nativeElement, 'click', []);
   }
}

answered May 1, 2016 at 7:53

IgorL

1,16910 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

angular 2 trigger 'click' using jquery not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related