Angular cannot parse data-binding within directive

Question

I try to create a simple angular app. Its logic looks like:

Enter a city name (for example: haiphong)
Click search -> There will be result showed-> Click on the result -> The map is updated to the new location -> click on the marker -> There will be an info box to show the information.

However, the direction seems to keep the expression as original. Do you have any ideas?

This is what I used to get the info box (inside controller), you can see in detail by plunker link:

$scope.getInfoBoxContent = function (index) { var content = '<div today-info-directive details="' + index +'"></div>'; var compiled = $compile(content)($scope); console.log('compiled', compiled); return compiled[0]; }

http://plnkr.co/edit/pHjqHGNupAZnO5ORSjQW?p=preview

The directive seems to include its template but not parse the expression (for example: {{1+2}})

qwerty_igor · Accepted Answer · 2017-02-20 03:52:13Z

1

use templateUrl, remove all '\' characters copy directive template onto another file and provide it's url to templateUrl of the directive. see if it works. just tested on your fiddle and it did

answered Feb 20, 2017 at 3:52

qwerty_igor

9498 silver badges14 bronze badges

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

2 Comments

vuquanghoang Over a year ago

Thanks! It worked!!! However, I have no idea about the difference between putting the content inside the template property and a specific file. It's great if you give me the explanation for this curiosity. By the way, you answer saved my life ^

qwerty_igor Over a year ago

to tell you the truth, I have no idea why it worked. All I know is that I resent multi-line strings and usually it's a good practice to use separate files for every templates u have. If you want to use multi lines however, use es6 ` backtick notation instead

Collectives™ on Stack Overflow

Angular cannot parse data-binding within directive

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related