我在 2 个不同的服务器 - Tornado 和 Apache 上运行代码(从 http://plnkr.co/edit/WHcjcEHdny0yhM2Rs95d?p=preview 获取)。
index.html:
<!DOCTYPE html>
<html ng-app="contestantApp">
<head>
<script data-require="angular.js@1.3.0" data-semver="1.3.0" src="//code.angularjs.org/1.3.0/angular.js"></script>
<script src="/static/js/script.js"></script>
</head>
<body >
<h1>Contestants</h1>
<section ng-controller="ContestantsCtrl as ctrl">
<ul>
<li ng-repeat="contestant in ctrl.contestants">
{{contestant.firstName}} {{contestant.lastName}}
</li>
</ul>
<form ng-controller="ContestantEditorCtrl as editorCtrl">
<h2>New Contestant</h2>
<fieldset>
<label>
First name
<input ng-model="editorCtrl.contestant.firstName">
</label>
<label>
Last name
<input ng-model="editorCtrl.contestant.lastName">
</label>
<button ng-click="editorCtrl.save()">Save</button>
</fieldset>
</form>
</section>
</body>
</html>
脚本.js :
var app = angular.module('contestantApp', []);
app.controller('ContestantsCtrl', function() {
this.contestants = [
{firstName: 'Rachel', lastName: 'Washington'},
{firstName: 'Joshua', lastName: 'Foster'},
{firstName: 'Samuel', lastName: 'Walker'},
{firstName: 'Phyllis', lastName: 'Reynolds'}
];
});
app.controller('ContestantEditorCtrl', function($scope) {
this.contestant = {};
this.save = function() {
$scope.ctrl.contestants.push(this.contestant);
this.contestant = {};
};
});
1) Tornado 给我那个错误
HTTPServerRequest(protocol='http', host='localhost:8888', method='GET', uri='/', version='HTTP/1.1', remote_ip='::1', headers={'Accept-Language': 'en-US,en;q=0.8,fr;q=0.6,ru;q=0.4', 'Accept-Encoding': 'gzip, deflate, sdch', 'Host': 'localhost:8888', 'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,/;q=0.8', 'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.104 Safari/537.36', 'Connection': 'keep-alive', 'Cookie': '__ngDebug=true', 'Pragma': 'no-cache', 'Cache-Control': 'no-cache'})
回溯(最近调用最后):
File "/Users/asp/projects/trialsapi/venv/lib/python2.7/site-packages/tornado/web.py", line 1332, in _execute result = method(*self.path_args, **self.path_kwargs) File "/Users/asp/projects/trialsapi/tornadoapp.py", line 26, in get self.render("index.html")
File "/Users/asp/projects/trialsapi/venv/lib/python2.7/site-packages/tornado/web.py", line 665, in render html = self.render_string(template_name, **kwargs)
File "/Users/asp/projects/trialsapi/venv/lib/python2.7/site-packages/tornado/web.py", line 772, in render_string return t.generate(**namespace)
File "/Users/asp/projects/trialsapi/venv/lib/python2.7/site-packages/tornado/template.py", line 278, in generate return execute()
File "_index_html.generated.py", line 5, in _tt_execute _tt_tmp = contestant.firstName # index.html:14
NameError: global name 'contestant' is not defined ERROR:tornado.access:500 GET / (::1) 3.61ms
2) Apache 运行良好并向我展示我想要的东西。
我做错了什么？ ，看起来 Tornado 不适用于 {{}} 运算符？
最佳答案
RequestHandler.render 用于处理 Tornado 模板，它使用 {{ }} 进行表达式替换(与 Angular 相同)。如果您使用 Angular 模板，您可以将此 HTML 作为静态文件提供，而不是通过模板引擎运行它，或者将左大括号替换为 {{!。 Tornado 会去掉感叹号，剩下的留给 Angular 处理。
关于python - Tornado Web 服务器与 AngularJS 运算符表达式一起工作时效果不佳，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29292792/