Smarty PHP与AngularJS冲突

Question

当我在同一个模板中使用AngularJS时，如何阻止Smarty抛出错误。我有这个代码Smarty的页面模板：

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

而且我得到一个空白页，当我在浏览器中查看。我得到一个很大的错误在我的Apache的error_log，其中包含以下内容：

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

如果我换{{我}}为{{4}}或正常工作的任何其他数字。我也可以使用数学，{{8 + 2}}将在页面中显示10。 Smarty是否在执行angularJS的数学计算？

Answer 1

试试这个：从Smarty的网站

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

报价...

{}文字标签允许数据块从字面上理解。这通常用于围绕Javascript或样式表块的 ，其中{curly 大括号}会干扰模板分隔符语法。 {literal} {/ literal}标签中的任何 都不会被解释，但会按原样显示 。

Answer 2

可以角配置为使用比其他插值符号{{}}：https://stackoverflow.com/a/11108407/215945

Answer 3

更清洁的解决方案：你可以改变AngularJS正是如此的模板分隔符：

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