转义AngularJS的Swig模板中的双花括号{{}}

Question

Swig模板和AngularJS都使用双花括号表示法.如何在Swig for Angular中逃脱双重曲线？

Answer 1

双层玻璃可以逃脱

{% raw %}

eg: {% raw %}{{ foobar }}{% endraw %}

强制内容不会自动转义.所有swig指令都将被忽略,内容将完全按照给定的方式呈现. 请参阅Swig手册/标签/原始.

Answer 2

为什么不通过将AngularJS配置为接受新模板来替换模板中的{{}}with .在你的Angular-App-Config中尝试这个(尝试使用angularjs-1.2.4):[[]][[]]{{}}

config(['$interpolateProvider',
    function($interpolateProvider) {
        // Swig uses {{}} for variables which makes it clash with the use of {{}} in AngularJS.
        // Replaced use of {{}} with [[]] in AngularJS to make it work with Swig.
        $interpolateProvider.startSymbol('[[');
        $interpolateProvider.endSymbol(']]');
    }
])

Answer 3

而不是替换角度的插值符号.更改swig的默认值.以下代码将会这样做.

var swig = require('swig'); 
swig.setDefaults({
   varControls: ['[[', ']]'] 
});