Javascript GAE和Angular：如何更新HTML JINJA模板的数据_Javascript_Html_Angularjs_Google App Engine

Javascript GAE和Angular：如何更新HTML JINJA模板的数据

javascript html angularjs google-app-engine

Javascript GAE和Angular：如何更新HTML JINJA模板的数据,javascript,html,angularjs,google-app-engine,Javascript,Html,Angularjs,Google App Engine,我对GAE和Angular在HTML模板上动态更新数据有问题。我想要的是，当一个新用户插入到系统中时，它必须自动显示在列出系统所有用户的页面上。我不知道该怎么做。我读过Angular，它似乎是一个在HTML网页上动态更新数据的好框架。我使用JINJA获取页面，并通过查询存储所有用户的NDB数据存储来填充模板。这是“处理页面”的webapp处理程序的代码：当我插入一个新用户时，会显示包含所有用户的页面，同时在另一个选项卡中不会显示更新，但如果我手动刷新页面，则会显示新用户所以，我想要的

我对GAE和Angular在HTML模板上动态更新数据有问题。我想要的是，当一个新用户插入到系统中时，它必须自动显示在列出系统所有用户的页面上。我不知道该怎么做。我读过Angular，它似乎是一个在HTML网页上动态更新数据的好框架。我使用JINJA获取页面，并通过查询存储所有用户的NDB数据存储来填充模板。这是“处理页面”的webapp处理程序的代码：

当我插入一个新用户时，会显示包含所有用户的页面，同时在另一个选项卡中不会显示更新，但如果我手动刷新页面，则会显示新用户

所以，我想要的是以自动的方式获得相同的结果。关键是我想定期刷新HTML页面，以便显示最终的新用户

所以我把重点放在Angular上，特别是$interval和$route.reload（），但我尝试了一些可行的方法，但什么都没有

这是模板的代码：

<!doctype html>
<html ng-app="demoApp">
<head>
    <title>Hello from a template page!</title>
    <link rel="stylesheet" type="text/css" href="/css/helloworld.css">
</head>
<body>
    <h1>Hello world HTML template.</h1>
    <div data-ng-controller="MyController"> 
    <h3>Elenco utenti:</h3>
    <ul>
    {% for User in Users %}
<li><b>{{User.username}}</b>: {{User.email}} </li>
{% endfor %}
    </ul>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">
</script>    
<script>
var demoApp = angular.module("demoApp", []);
myapp.controller("MyController", function($scope, $interval){

$interval(callAtInterval, 5000);


});

function callAtInterval($route) {
$route.reload();

}
</script>   

</body>


您好，来自模板页面！
HelloWorldHTML模板。
埃伦科·乌蒂蒂：

{Users%%中的用户为%s}
{{User.username}}:{{User.email}
{%endfor%}

var demoApp=angular.module（“demoApp”，[]）；
控制器（“MyController”，函数（$scope，$interval）{
$interval（callAtInterval，5000）；
});
函数callAtInterval（$route）{
$route.reload（）；
}

有什么建议吗？

PS：我知道这个解决方案并不优雅，但我选择这个解决方案是因为我需要知道如何做到这一点，因为它将对我的webapp功能的下一步开发非常有用。Angular的目的是在不刷新的情况下更新数据

创建API作为数据存储操作的接口。使用Angular在此API上执行承诺请求，根据承诺返回更改范围

首先阅读有关angular如何工作的文档，然后学习如何创建API

棱角的

假设您使用的是Python

您遇到的错误是什么？

<!doctype html>
<html ng-app="demoApp">
<head>
    <title>Hello from a template page!</title>
    <link rel="stylesheet" type="text/css" href="/css/helloworld.css">
</head>
<body>
    <h1>Hello world HTML template.</h1>
    <div data-ng-controller="MyController"> 
    <h3>Elenco utenti:</h3>
    <ul>
    {% for User in Users %}
<li><b>{{User.username}}</b>: {{User.email}} </li>
{% endfor %}
    </ul>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">
</script>    
<script>
var demoApp = angular.module("demoApp", []);
myapp.controller("MyController", function($scope, $interval){

$interval(callAtInterval, 5000);


});

function callAtInterval($route) {
$route.reload();

}
</script>   

</body>