在Django中使用AngularJS模板标记

时间:2014-12-28 16:33:08

标签: django angularjs

我在AngularJS支持的网页中使用Django我遇到了问题。由于AngularJS和Django共享相同的标记变量({{ variable_name }}),因此AngularJS无法在我的网页中识别其变量。

<h1>{{ title }}</h1> //this is django variable
<ul class="pagination">
    <li data-ng-repeat="cat in categories" ng-class="{'active': $index==catSelectedIndex}">
        <a data-ng-click="resetPage(cat.id)">{{ cat.name }}</a> //<< cat.name is angular variable
    </li>
</ul>

我怎样才能让它发挥作用?

1 个答案:

答案 0 :(得分:6)

我将自己的AngularJS令牌变量定义为{$ $},现在每件事情都可以。

**AngularJS module**
    angular.module('myapp', []).config(function($interpolateProvider) {
        $interpolateProvider.startSymbol('{$');
        $interpolateProvider.endSymbol('$}');
    });

**Webpage**

<h1>{{ title }}</h1> //this is django variable
<ul class="pagination">
    <li data-ng-repeat="cat in categories" ng-class="{'active': $index==catSelectedIndex}">
        <a data-ng-click="resetPage(cat.id)">{$ cat.name $}</a> //<< cat.name is angular variable
    </li>
</ul>