Smarty PHP clashing with AngularJS

Question

How do I stop Smarty throwing an error when I'm using AngularJS in the same template. I have a Smarty page template with this code:

 <li ng-repeat="i in items">
      <p class="item">{{i}}</p>
 </li>

And I'm getting a blank page when I view in a browser. I get a big error in my apache error_log, which contains the following:

 PHP Fatal error: Uncaught exception 'SmartyCompilerException' with message 'Syntax Error in template ... <p>{{i}}</p>; unknown tag "i

If I swap {{i}} for {{4}} or any other digit it works fine. And I can use maths as well, {{8+2}} will show 10 in the page. Is that the Smarty doing the maths of the angularJS?

Lord Alveric · Accepted Answer · 2013-09-06 16:24:34Z

20

Much cleaner solution: You can change the template delimiters of AngularJS thusly:

angular.module('app', [])
  .config(['$interpolateProvider', function ($interpolateProvider) {
    $interpolateProvider.startSymbol('[[');
    $interpolateProvider.endSymbol(']]');
  }]);

answered Sep 6, 2013 at 16:24

Lord Alveric

4153 silver badges8 bronze badges

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

Comments

Develoger · Accepted Answer · 2012-10-05 01:10:01Z

17

Try this:

<li ng-repeat="i in items">
    <p class="item">{literal}{{i}}{/literal}</p>
</li>

Quote from Smarty site...

{literal} tags allow a block of data to be taken literally. This is typically used around Javascript or stylesheet blocks where {curly braces} would interfere with the template delimiter syntax. Anything within {literal}{/literal} tags is not interpreted, but displayed as-is.

answered Oct 5, 2012 at 1:10

Develoger

3,9882 gold badges26 silver badges38 bronze badges

1 Comment

Pete Over a year ago

Of course! I'm new to templating engines, plus it was 2am, but the obvious answer is to escape the brackets. Thanks a bunch

Community · Accepted Answer · 2017-05-23 11:46:25Z

4

You can configure Angular to use interpolation symbols other than {{}}: https://stackoverflow.com/a/11108407/215945

edited May 23, 2017 at 11:46

CommunityBot

11 silver badge

answered Oct 5, 2012 at 22:08

Mark Rajcok

365k114 gold badges500 silver badges494 bronze badges

Collectives™ on Stack Overflow

Smarty PHP clashing with AngularJS

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related