0

например у меня есть вот такое приложение. если я просто открою страницу с ним в браузере все будет работать как надо

<!doctype html>
<html  ng-app="pApp">
<body ng-controller="Test">
    <ul>
        <li ng-repeat="item in [1,2,3]">
            {{item}}
        </li>
    </ul>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script>
var pApp = angular.module("pApp", []);
pApp.controller('Test', function($scope){})

</script>

</body>

но если я открою этот шаблон через Django TemplateView я увижу пустые значения, сами Элементы списка останутся, но в них не будет данных. что это за баг? как его исправить?

AngularJS v1.6.4 Django: 1.11

3
  • Django Template понимает как свои шаблоны и пытается проставить {{item}}. Вам нужен escaping stackoverflow.com/questions/7772001/…
    – tcpack4
    5 дек 2017 в 16:07
  • да точно, но блин как то в другом тестовом приложении у меня все работает. пойдму гляну может забыл что-то подгрузить
    – John Doe
    5 дек 2017 в 16:13
  • а вот оно что, там используется stateProvider и в templateUrl указывается модифицируемый кусочек шаблона. так что в том случае джанга ничего не подозревала о таких переменных
    – John Doe
    5 дек 2017 в 16:18

1 ответ 1

2

Проблема в том, что шаблонизатор Django интерпретирует значение внутри двойных скобок, как переменную контекста, не обнаруживает таковой и оставляет пустое место, а ангуляр потом с пустым местом ничего не делает. Есть два способа решения этой проблемы. Во-первых, можно в ангуляре использовать другую последовательность символов вместо двойных фигурных скобок:

pApp.config(function($interpolateProvider) {
    $interpolateProvider.startSymbol('[[');
    $interpolateProvider.endSymbol(']]');
});

Во-вторых, можно в шаблонах django не трогать участки разметки, относящиеся к фронту:

{% verbatim %}
    <li ng-repeat="item in [1,2,3]">
        {{item}}
    </li>
{% endverbatim %}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.