[PYTHON] Lösen Sie Angural JS- und Django-Vorlagenkonflikte

Wenn beim Erstellen einer Web-App das Back-End Python Django und das Front-End Angular JS ist, treten Konflikte auf. Außerdem hat bei Verwendung eines Arrays die allgemeine Methode nicht funktioniert und ich war süchtig danach, also werde ich sie aufschreiben.

Warum treten Konflikte auf?

Django-Vorlagen verwenden {{ und}} zum Einfügen von Parametern usw., aber Angular JS verwendet auch {{ und }} zu Beginn und am Ende des Markups. Daher scheint es zu einem Konflikt zu kommen.

Markieren Sie Angular JS mit etwas anderem

Da dasselbe {{}} verwendet wird, liegt ein Konflikt vor und es gibt eine Möglichkeit, das Markup-Tag auf der Angular JS-Seite in ein anderes zu ändern.

<script>
var customInterpolationApp = angular.module('myapp', []);
  customInterpolationApp.config(function($interpolateProvider) {
    $interpolateProvider.startSymbol('//');
    $interpolateProvider.endSymbol('//');
  });

</script>

In der App-Konfiguration

$interpolateProvider.startSymbol('//');

Damit wird das Start-Tag zu Ihrem Favoriten

$interpolateProvider.endSymbol('//');

Sie können das End-Tag beliebig ändern.

• Hier werden beide in // geändert.

Ändern Sie auch die {{ und }} in der Vorlage in das angegebene Tag //.

Offizielles Dokument

Bei der Suche schienen viele Leute es in "[[" und "]]" zu ändern, aber in diesem Fall scheint die Verwendung des Arrays "[]" in Angural JS nicht zu funktionieren. Wenn Sie es auf "//" setzen, funktioniert es.

Es scheint einen anderen Weg zu geben, dies auf der Python-Seite zu tun, aber diese Methode war für mich einfach, also werde ich sie teilen.