Unable to compile Dynamic Html using $compile

Question

I am trying to add dynamic html to my code using below lines

var el = $compile('<a ng-controller=\"tableController\" ng-click=\"open\">...ReadMore</a>')($scope);

However it is producing the below error

Can anyone help?

$compile(str)($scope); This is the syntax you have written. Could you tell me that your controller js is already loaded? — Shohel, Feb 21 '19 at 04:23
For test cases, compile the string ...ReadMore, Let me know is it ok? — Shohel, Feb 21 '19 at 05:53
Good, You have a problem of the controller, Now add a controller to your string, and test again, If you get the error, then check the controller code, is it right or not, — Shohel, Feb 21 '19 at 06:05
so i did remove the ngcontroller attribute since it was mentioned in the parent node and not required.However i am not getting any errror.But ng-click is not working — neehu, Feb 21 '19 at 06:23
@Shohel thank you for the help.I was able to solve the problem — neehu, Feb 21 '19 at 06:34
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/188788/discussion-between-shohel-and-neehu). — Shohel, Feb 21 '19 at 06:53
hi shohel sure i have some more queries can we continue over chat? — neehu, Feb 21 '19 at 07:49

score 1 · Accepted Answer · answered Feb 21 '19 at 06:39

1

You missed the parentheses of the open method, The following code should be work.

var el = $compile('<a ng-controller=\"tableController\" ng click=\"open()\">...ReadMore</a>')($scope);

answered Feb 21 '19 at 06:39

Shohel

1 Answers1