Angular 5 - 元描述不起作用

2024-01-05

我遇到了 Angular 的 Meta 函数的问题。

从“@angular/platform-b​​rowser”导入{Meta};

我已将其添加到我的页面“contact.component.ts”上,但我在网页上没有看到任何内容。没有元描述或其他东西。

这是我的页面代码:

import {Meta} from '@angular/platform-browser';


@Component({
  selector: 'app-contact',
  templateUrl: './contact.component.html',
  providers: [],
  styleUrls: ['contact.component.css']
})

export class ContactComponent implements OnInit {

  constructor(public meta: Meta, public http: Http, public router: Router, public RequestService: RequestService, public global: GlobalService) {
    this.meta.addTag({ name: 'description', content: 'This is metadata' });
  }

  ngOnInit() {
    this.global.redirectionIfNoConnecte();
    this.global.getJsonLanguage();
  }

}

你能救我吗? :(


参考this http://www.talkingdotnet.com/how-to-set-html-meta-tags-using-angular-4/, HTML 元标记提供有关 HTML 文档的元数据。元数据不显示在页面上,但机器可解析。 Meta 元素通常用于指定页面描述、关键字、作者、最后修改时间和其他元数据。元数据可供浏览器(如何显示内容或重新加载页面)、搜索引擎(关键字)或其他 Web 服务使用。元标签在 SEO 中发挥着重要作用。This https://oodavid.com/article/angularjs-meta-tags-management/是关于如何使用元标记的另一个有用的链接。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 5 - 元描述不起作用 的相关文章

  • 构造函数上的分支未涵盖

    我正在使用 Jasmine 创建单元测试 我对所涵盖的分支有疑问 有谁知道为什么代码部分显示分支没有被覆盖 如下所示 这是单元测试 describe MyComponent gt let component MyComponent let
  • jboss 7.1.1 上的 Angular 5 独立部署

    我构建了一个 Angular 5 应用程序 它使用不同服务器和主机上远程可用的 REST API 在我的本地 我使用 apache 服务器来部署 Angular 应用程序 该应用程序按预期工作 为了将代码推广到其他环境 我使用 ng bui
  • Angular Firebase 使用电话号码登录

    我是这个网站的新手 所以如果我犯了错误 请纠正我 我会修复它 并原谅我 我也是 Angular 4 环境的新手 Firebase 有一个新选项 signInWithPhoneNumber 我想在我的新应用程序上实现它 该方法需要参数 sig
  • Angular 6 http.delete 请求不起作用

    我似乎无法让我的删除请求发挥作用 我已经完成了所有的获取请求 但现在我被困在删除上 似乎无法理解它 console log 的 URL 始终正确 并且删除请求通过 Postman 工作正常 有什么想法吗 HTML
  • ng-bootstrap ngbDropdown 在 Angular 4 中不起作用

    在我的 Angular 4 应用程序中 ng bootstrap 中的 ngbDropdown Element 不起作用 对于这种情况 我安装了以下 npm 模块 ng bootstrap ng bootstrap 1 0 0 alpha
  • 具有内部表单初始值的 Angular ControlValueAccessor

    我有这个组件使用ControlValueAccessor 该组件有自己的内部表单 我找不到在哪里设置表单控件的初始值 有人能指出我正确的方向吗 import Component ChangeDetectorRef forwardRef Ng
  • Angular 2 货币管道货币和数字之间的空间?

    我注意到 Angular 2 中有一个名为CurrencyPipe 的管道 它将过滤数字中的一些小数 这还添加了 ISO 货币指示器 即 美元 或任何其他本地货币 我的问题是输出显示如下 USD123 USD 和 123 之间没有空格 这真
  • 无法从角度路由器获取路径或 url

    我无法从 ActivatedRoute 或 Router 导入中获取 URL 或路径 它为路径 输出空白 为 URL 输出 我记得使用的是工作版本 唯一捕获正确路由的是Router events 我也无法订阅ActivatedRoute 中
  • 从 Angular 4 中的 html 中删除主机组件标签

    我有一个表 我想在其中显示一个表行 它是一个组件 我还想将数据传递给该组件 table th td col 1 td td col 2 td td col 3 td th tr tr table
  • Angular 2:当我通过浏览器刷新时发生404错误[重复]

    这个问题在这里已经有答案了 我已将单页应用程序存储在服务器中名为 myapp 的文件夹中 我已将库中的 URL 更改为http example com myapp http example com myapp 60 我的项目有两个页面 所以
  • 如何为 Angular 4、5 中的动态元素分配哈希 ID ref id

    如果我的问题很愚蠢 我很抱歉 我有 30 多个静态 ng container 和一些独特的静态 hashtagID 但我想在 ngFor 的帮助下动态创建它们 public lists food book cook 期望输出
  • Angular:DOM更新后调用方法

    我正在从 html 调用一个方法 调用休息服务 来增加 减少屏幕上的计数 现在我想调用另一个方法 即 getThreshold 来检查计数是否达到阈值 如果是 我想显示一条确认消息 我想首先更新屏幕上的计数 然后调用该函数来检查它是否达到阈
  • 如何使 Angular Reactive Formarray 中的级联下拉菜单工作而不弄乱下拉值

    我有一个角度 4 的表单 其中包含名字 姓氏和一个包含 2 个下拉菜单 选择 的表单数组 用作级联下拉菜单和一个删除按钮 表单的其余部分还包含一个发送按钮和一个添加选项按钮 我在此处添加了屏幕截图 以便您更好地理解 表单添加 删除按钮和发送
  • 如何在 Angular 2 中使用“ng-if”

    考虑 h3 style color 00bfff margin 14px 0 16px 0px class inline data bannerText h3
  • 如何避免 Angular 材料中出现额外的 mat-form-field-underline

    我在查找为什么在使用组件时会出现额外的 mat form field underline 时遇到问题 我的页面使用此标记
  • 如何修改primeng p日历样式?

    我正在尝试修改 primeng p calendar 但它无法正常工作 例如 我希望它是这样的 需要的改变 https i stack imgur com QBXoh png 但原来它看起来像这样 原始图像 https i stack im
  • 为什么 Angular 2 ngOnChanges 不响应输入数组推送

    我的角度应用程序遇到了问题 我使用输入作为数组 并在单击事件发生时将值推送到数组 但是当数组推送完成时 ngOnChanges 不会触发 有没有办法触发 ngOnChange 我的代码是 ts 文件是 Component selector
  • 在 Angular 6 服务中获取当前路由参数的最佳方法是什么?

    我试图找出在 Angular 6 中获取当前路由参数的最佳方法是什么 目前我必须通过ActivatedRoute到服务的方法作为参数 然后在服务中使用它 export class MainComponent constructor priv
  • 如何在Angular2中正确使用依赖注入(DI)?

    我一直在试图弄清楚 DI 依赖注入在 Angular2 中是如何工作的 每次当我尝试将服务 或类注入我的组件时 我都会遇到很多问题 从不同的谷歌搜索文章中 我需要使用providers 在组件配置中 或者有时我需要使用 Inject 在我的
  • 使用 Observable 与 Immutable 进行变更检测

    所以我读了本文 http victorsavkin com post 110170125256 change detection in angular 2关于 Angular 2 变更检测 但读完之后我变得更加困惑 所以我开始阅读一些导致更

随机推荐

  • 向 Magento 中的属性选项添加新值

    我正在尝试使用脚本向 Magento 中的属性选项添加新值以加快该过程 因为我有 2 000 多个制造商 这是我用来执行此任务的一段代码 创建自定义模块 使用模块创建器 http www magentocommerce com extens
  • JAXBContextFactory 地狱 - java.lang.ClassNotFoundException:com.ibm.xml.xlxp2.jaxb.JAXBContextFactory

    我在我的开发环境中不断收到以下错误 我用 火星日食 4 5 1 Oracle JDK 1 7 内部版本 1 7 0 79 b15 或 1 8 内部版本 1 8 0 65 b17 Apache Ant 运行代码以及 Eclipse 运行代码
  • ELF 格式操作

    我有一个要求 我想关联一个index与一个文件 以某种格式 我想知道我是否可以进行任何 ELF 操作 并且仍然确保保持一致性 以便该文件在 Linux 上正常工作 这里的想法是创建一种文件格式 可以通过某个 API 自定义 查询该文件格式以
  • GWT - 如何在超级开发中查看java异常堆栈跟踪?

    我正在使用 GWT Super Dev 并在 Chrome 中激活了源映射 尽管我可以在 源 选项卡中看到 Java 类 但我不知道如何查看未处理异常的完整堆栈跟踪 那么我该怎么做呢 有一个悬而未决的问题 http code google
  • 给定一个数组 [a1b2c3d4] 转换为 [abcd1234]

    限制条件 O 1 空间 准时 这不是一个家庭作业问题 只是我遇到的一个有趣的问题 以下是我能想到的一些解决方案 但在给定的限制下没有任何解决方案 Method 1 具有 O n 内存 递归地将数组分为两部分 继续划分直到每个子问题的大小 对
  • 是否可以构建一个交互式 C shell?

    我只是想知道这是否可以使用 Python Java 或 C 我正在寻找类似 IPython for Python 的东西 是的 这样的东西已经存在 你只需要用谷歌搜索即可 Ch http en wikipedia org wiki Ch i
  • 如何在从另一个活动返回时保留 Recyclerview 的滚动位置?

    我看到了很多关于这个主题的相关问题 但没有一个对我有帮助 我正在使用一个交错网格布局对于我的 RecyclerView 显示cards 每个 CardView 都会打开一个新活动 我面临的问题是 在从该新活动返回时 RecyclerView
  • React - 无法使用 CSS 模块设置 React 路由器导航链接的活动状态样式

    Goal 我正在尝试使用 css 模块将样式应用到侧栏中的活动路线 但是我想保留基本样式 分配 2 个类 我试过这段代码
  • x 轴上时间戳的格式

    我正在尝试格式化天气数据图中的 x 轴 我对 y 轴很满意 但我所有将 x 轴变成合适的 人类可读格式的尝试到目前为止都不起作用 因此 经过几个小时的尝试和错误 我希望对您有所帮助 我想要实现的目标 最后 我希望每 30 分钟有一个刻度线
  • 如何在 Windows 上更新 npm?

    这个问题的答案是社区努力 help privileges edit community wiki 编辑现有答案以改进这篇文章 目前不接受新的答案或互动 I tried this http davidwalsh name upgrade no
  • 从 python **快速** 截取屏幕截图

    A PIL Image grab 大约需要0 5秒 这只是将数据从屏幕获取到我的应用程序 而不需要我进行任何处理 FRAPS http www fraps com 另一方面 可以拍摄高达 30 FPS 的屏幕截图 有什么方法可以让我在 Py
  • open_basedir, File() 不在允许的路径内

    我在使用安装在 Media Temple DV 上的 Laravel 时遇到问题 tempnam open basedir restriction in effect File is not within the allowed path
  • 如何使用 PCL 打印

    我有 Xerox workcenter 7120 这台打印机位于网络上 我想打印pdf文件与PCL命令来自Linux主持人 我的打印机支持PCL 但我不知道如何在打印机上发送打印作业PCL 我找到了这个文件如何解释所有PCL命令pcl命令施
  • 在GCS存储桶名称中使用project-id有什么风险?

    我一直在我的 GCS 存储桶名称中使用项目 ID 作为前缀 以便轻松获得唯一的名称 当我阅读时GCS 最佳实践 https cloud google com storage docs best practices naming 它明确表示不
  • 参考:为什么我使用 json_encode 编码的“特殊”Unicode 字符很奇怪?

    当使用 特殊 Unicode 字符时 它们在编码为 JSON 时会变成奇怪的垃圾 php gt echo json encode foo gt 馬 foo u99ac 为什么 我的编码有问题吗 This is a reference que
  • Rails 3:无需导入即可访问 twitter bootstrap 变量 + mixins

    我是第一次使用 Rails 3 尤其是 asset pipeline 和 less rails bootstrap 所以我可能会在这里遗漏一些非常基本的概念 我尝试了两种将 Twitter bootstrap CSS 包含到我的项目中的方法
  • 为什么在 WebApi 控制器操作后没有人处置 DbContext?

    我知道各种教程以及针对目标的完整示例WebApi Entity Framework 甚至来自微软 WebApi像这样的控制器 public HttpResponseMessage GetInternet int id var context
  • 生成器在输入迭代器的开头和结尾保留占位符完好无损

    我们以一个列表为例 a 255 255 1 255 255 255 1 2 255 255 2 255 255 3 255 3 255 255 255 255是有特殊价值在里面的 这是一个占位符 我制作了一个生成器来替换列表中的一些占位符
  • 如何更改选择标签中选项的背景颜色?

    我正在尝试更改选择标签中选项的背景颜色 I tried select gt option但它不起作用 我的代码如下 select width 100 height 32px background image url images 2017
  • Angular 5 - 元描述不起作用

    我遇到了 Angular 的 Meta 函数的问题 从 angular platform b rowser 导入 Meta 我已将其添加到我的页面 contact component ts 上 但我在网页上没有看到任何内容 没有元描述或其他