首页 > 解决方案 > 在我的 index.html 中需要逻辑来呈现来自服务的信息

问题描述

我正在使用 Angular 7.1 开发一个网络应用程序。我没有使用该框架的经验。该项目已经有了本地化(两种语言)。我想在我的<head>和合适的 html lang 属性中添加元标记。但是所有逻辑和所有组件都从<app-root></app-root>. index.html 没有 .js 或 .ts 文件。我不知道如何访问我translateService的以获取当前语言。

当然,我用谷歌搜索了这个问题。但是没有解决方案有效或可以在我的项目中实施。就好像他们使用的是具有完全不同结构的旧版本的 Angular。有时他们会提供 JS 代码,但不知道它应该在哪里。

索引.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>My app</title>
  <base href="/">

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
</body>
</html>

index.html 位于我的应用程序的根目录中。

标签: javascriptangularangular7

解决方案


我认为首先,您实际上并没有在 HTML 文件中链接 Angular 框架或任何其他外部 Javascript 文件。

因此,您的标签<app-root></app-root>将不起作用。

除此之外,我认为您需要提供有关您的问题的更多信息,因为我translateService在您说您尝试访问的代码中看不到任何地方。


推荐阅读