Angular 视图中的 JS 未定义变量

Question

我有一个对后端（服务器端）代码的服务调用，其中 returns 内容。 我需要将内容 ID 列表发送到服务器，然后服务器 returns 返回所有内容。然后我在视图（html 页面）上显示这些内容，如下所示。

使用以下内容 ID 列表调用服务

contents :[
'SEARCH', 'HELP'
]

然后服务器returns

contents: {
'SEARCH' : 'Search Text',
'HELP' : 'Help Text',
} 

现在我在 angular 视图中使用这些内容作为

{{contents.SEARCH}}

所以它打印了这个内容。但是对于 运行 的那些代码，我需要在呈现视图之前发送所有内容 ID。对于完整的应用程序，它将是巨大的。

作为称呼，我想在使用未定义内容呈现视图时调用后端，但它会显示带有该键的视图。获得服务器响应后，该密钥将与服务器响应内容文本进行转换。

谁能帮忙。

Answer 1

希望我正确理解了你的问题。

您想在呈现视图之前加载数据吗？

如果您使用状态，您可以在状态提供者状态中使用 resolve 在加载视图之前检索数据。

link

Answer 2

感谢回复。我们可以通过 $http 拦截器来解决这个问题。 加载模板时，它将检查所需的内容。然后还调用另一个 http 请求，并在解析后将 return 原始模板。