AngularJs的数据背后的动机 - 包括 - 糟糕的用户体验

时间:2013-08-09 23:40:16

标签: ajax templates angularjs user-experience

在AngularJs中,我可以这样做:

<header data-ng-include="views/header.html"></header>

AFAIK从客户端异步下载views/header.html并将其解释为模板。

我想问一下是否有任何明智的动机使用它,因为我遇到的所有这都是一个非常糟糕的usex体验。我有一个黑色的Twitter Bootstrap标题,这会导致标题稍后显示,因此一旦所有其他内容都可见,就会在用户眼中“点击”用户。

最重要的是,它每次都会发出请求,而只是304.

2 个答案:

答案 0 :(得分:0)

您可以使用ng-include分隔一些重复使用的HTML,也可以将data-ng-include绑定到范围内的变量,并将视图更改为类似于ng-view和使用$ routeProvider配置。

我不完全确定尝试重新加载并看到未修改的响应。我认为ng-include将在与普通页面相同的缓存规则下运行,但可能会有所不同,因为我会假设它有一个AJAX请求。

答案 1 :(得分:0)

我认为您应该可以通过向on-load的{​​{1}}属性添加公共计数器来使其同步加载。然后,您可以等待计数器增加为ng-include加载的模板数,然后在加载所有模板后继续使用其他逻辑。

使用ng-include肯定有一些优势。例如,您可以与ng-include一起使用它来有条件地加载模板。如果要将模型与当前范围隔离,它还会自动创建子范围。

希望它可以有所启发。