Question

我对Angular的Meta函数有疑问。

从'@ angular / platform-browser'导入{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();
  }

}

你能救我吗？：（

Answer 1

请参阅this，HTML元标记提供有关HTML文档的元数据。 元数据不会显示在页面上，但可以进行机器分析。元元素通常用于指定页面描述，关键字，作者，上次修改和其他元数据。浏览器可以使用元数据（如何显示内容或重新加载页面），搜索引擎（关键字）或其他Web服务。元标记在SEO中起着重要作用。 This是关于如何使用元标记的另一个有用链接。

Answer 2

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) {
    meta.addTag({
        name: 'description',
        content: 'This is metadata'
    });
}

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

}

Angular 5 - 元描述不起作用

2 个答案: