Résoudre les conflits de modèles Angural JS et Django

Lors de la création d'une application Web, si le back-end est Python Django et le front-end est Angular JS, des conflits se produiront. De plus, lors de l'utilisation d'un tableau, la méthode générale ne fonctionnait pas et j'en étais accro, je vais donc l'écrire.

Pourquoi des conflits surviennent-ils?

Les modèles Django utilisent {{ et}} pour insérer des paramètres, mais Angular JS utilise également {{ et }} au début et à la fin du balisage. Par conséquent, il semble qu'un conflit se produira.

Marquer Angular JS avec autre chose

Puisque le même {{}} est utilisé, il y a un conflit et il existe un moyen de changer la balise de balisage du côté Angular JS en une autre.

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

</script>

Dans la configuration de l'application

$interpolateProvider.startSymbol('//');

Pour faire de la balise de départ votre favori

$interpolateProvider.endSymbol('//');

Vous pouvez changer la balise de fin en ce que vous voulez.

• Ici, les deux sont modifiés en «//».

Remplacez également «{{` et «}}» dans le modèle par la balise spécifiée «//».

Document officiel

Lors de la recherche, de nombreuses personnes semblaient le changer en [[ et ]], mais dans ce cas, l'utilisation du tableau [] dans Angural JS ne semble pas fonctionner. En le définissant sur «//», cela fonctionne.

Il semble y avoir une autre façon de le gérer du côté Python, mais cette méthode était facile pour moi, je vais donc la partager.