I do some string manipulations and wanna create a string like below. [sample] and [express] are hyperlinks. [sample] element should have click function and it should call searchFromURL(). Once it is rendered, the click function is not available, what may be the reason for this. buildNavigationSearchElement(elementText: String){ let retElem = elementText + ' Search Text '; return retElem; } Is there any other way to accomplish this?

[image] chamwic: Is there any other way to accomplish this? Yes.

Thank you. Sorry I’m new to ionic and angular. But my output is dynamic. Is it possible do below conversion with component template? dicDat.translation data could be like follows. e.g: (1) Proximal palmar skin line > @→ thenar crease@ When displaying, the text is covered with @ marks will become a url like below Proximal palmar skin line > → thenar crease (2) @→ rotation flap@, @rotationnal flap@ will become → rotation flap, rotationnal flap {{dicDat.term}} {{dicDat.translation}}

Finally I came up with this solution. As follows the hyperlink is generated. home.page.html home.page.ts buildNavigationSearchElement(){ let myText = This is a + ' sample ' + text to + ' express ' + my issue. return myText; } Inside ngAfterViewChecked() event each and every hyperlink is bound to a class method. ngAfterViewChecked() { var myElements = this.elementRef.nativeElement.querySelectorAll('[class^="myhyperlink"]'); var i: number; for (i = 0; i < myElements.length; i++) { myElements[i].addEventListener('click', this.openAlert.bind(this)); } } Property array is stored in class with actions and parameters for each hyperlinks. openAlert(parameter: any) { let className = parameter.srcElement.className; //do what ever required }

Once rendered the click function is not available

Ionic Framework

rapropos March 23, 2021, 7:14pm 2

Yes.

Topic		Replies	Views
Clickable link within text from backend ionic-v3	1	7295	September 29, 2018
(click) handler on dynamic text ionic-v3	4	2201	July 11, 2017
Cross linking in app ionic-v3	1	1192	January 24, 2016
Ionic ng-click and href issues with content outside the initial visible part ionic-v3	0	413	July 12, 2016
Why are ng-click events being stripped out of my data? ionic-v1	5	7005	September 22, 2014

Once rendered the click function is not available

Related topics