我刚开始学习 Angular，所以这可能是一个愚蠢的问题，或者我只是错过了一些东西。
说，我有一个主模板 index.html，我想在某个时间点插入一个部分模板（它是一个表格）。因此，我发出一个 HTTP 请求以使用 ajax 加载部分，然后我还发出另一个请求以获取 JSON 数据以填充表部分。 是这样的吗？
当您在服务器端处理它时，您会在响应之前获取数据并在模板中撒上变量。所以只有一个请求，客户端得到的部分已经填满了数据。
我是否遗漏了什么，或者就是这样，您需要两次访问服务器：一次获取数据，另一次获取模板？
谢谢
【问题讨论】：
标签： angularjs
是的，这就是它开箱即用的方式，但是有几种方法可以避免对模板执行额外的请求。 Angular 有一个template-cache，它会在发出请求之前尝试找到给定的模板。很常见的情况是，当打包 Angular 应用程序用于生产时，会生成一个脚本，将所有模板放入缓存中，然后在最小化所有内容后将该脚本附加到应用程序的其余部分。
有 grunt-plugins 可以为你做这件事（例如this one）。在我目前正在进行的项目中，我们坚持使用maven，所以我自己制作了。
另一种方法是将模板包含在您的 index.html 文件中（这在 $templateCache 的文档中与 <script type="text/ng-template" id="templateId.html"> 块一起显示。
【讨论】：
controller 的构造函数中，则将在初始化controller 后立即发出请求，在您的情况下，听起来就像如果应用程序附加到index.html，则您点击了该应用程序。模板本身只是从它的$scope 中获取变量，它并不关心这些变量来自哪里。
controller。请注意，controllers 不是单例，因此如果您想要缓存，您很可能需要从 service 发出请求。
如果它只是一张桌子，那么你可以这样做
在主模板 (index.html) 中创建该表并使用 ng-show 将其隐藏。当您需要使用来自服务器的数据显示表格时，从角度调用服务器到服务器并填充表格然后显示它。所以只需要一个服务器调用，即仅用于获取数据。
下面给出一个示例代码
主 html
<div ng-app="myApp">
<div ng-controller="PeopleCtrl">
<p> Click <a ng-click="loadPeople()">here</a> to load data.</p>
<table ng-show="visible">
<tr>
<th>Id</th>
<th>First Name</th>
<th>Last Name</th>
</tr>
<tr ng-repeat="person in people">
<td>{{person.id}}</td>
<td>{{person.firstName}}</td>
<td>{{person.lastName}}</td>
</tr>
</table>
</div>
</div>
脚本
var mockDataForThisTest = "json=" + encodeURI(JSON.stringify([
{
id: 1,
firstName: "Peter",
lastName: "Jhons"},
{
id: 2,
firstName: "David",
lastName: "Bowie"}
]));
var app = angular.module('myApp', []);
function PeopleCtrl($scope, $http) {
$scope.people = [];
$scope.loadPeople = function() {
var httpRequest = $http({
method: 'POST',
url: '/echo/json/',
data: mockDataForThisTest
}).success(function(data, status) {
$scope.people = data;
$scope.visible=true;
});
};
}
【讨论】：