Widerspruch der Symbole von AngularJs '{{' and '}}' mit Twig

Javascript-Framework AngularJs und PHPPHP-Framework Symfony sind jetzt sehr populär. Die Entwickler verwenden es als Symfony+AngularJs, aber wir haben gesehen, dass es ein Problem mit der Druckfunktion in Vorlagen gibt, besonders in Twigs, weil AngularJs und Twig die gleichen Symbole '{{' ,'}}' verwenden, um alles zu drucken. Was kann man in diesem Fall machen? Wie kann man dieses Problem lösen?

Hier gibt es 2 Möglichkeiten, dieses Problem zu lösen:

1. Wenn Sie Twigs, verwenden, wissen Sie wahrscheinlich über Verbatim. Mit Verbatim kann man in Twigs jedes beliebige Symbol verwenden. Wenn wir also unsere AngularJs Druckfunktion im Block {% verbatim %} ... {% endverbatim %} setzen, werden wir keine Widersprüche haben.

2. Wenn man nicht jedes Mal wortgetreu verwenden will, kann man einen anderen Weg zu wählen. In AngularJs können Sie die Drucksymbole ändern und andere Symbole einstellen, was immer Sie wollen. Sie können [[ ]], [{ }], {{{ }}}, // // usw. verwenden. Das heißt Interpolation. Sie können ein Angulars-Modul für diese Änderung erstellen und es an beliebiger Stelle einsetzen. Hier ist beschrieben, wie man das machen kann:

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

Finden Sie das nützlich?

Ähnliche Artikel