Angular Django Hello World

时间:2016-06-02 13:43:07

标签: javascript angularjs django

我不能在Django中使用Angular。这是我的代码:

angularapp.js

var APP = angular.module('APP', []);

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

    APP.ApplicationCtrl = function ($scope) {

    $scope.name = 'World';

    };

angular.html

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
 <script src="angularapp.js" type="text/javascript"></script>
<body>

<div ng-app="APP" ng-controller="APP.ApplicationCtrl">
    <h1>Hello [[ name ]]!</h1>
</div>

</body>
</html>

两个文件都在同一个文件夹中。项目启动时,终端显示:

[02/Jun/2016 17:30:35] "GET /django-sb-admin/angularapp.js HTTP/1.1" 200 297"

在浏览器中我只看到:

Hello [[ name ]]!

有什么问题?

2 个答案:

答案 0 :(得分:1)

当您忘记关闭函数括号)时,代码会出现拼写错误。

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

正确的代码:

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

Plunker

答案 1 :(得分:0)

尝试在verbatim查看django中的更改括号,而不是角度