Angular 通用不更新动态元标记和从 API 收到的内容

问题描述 投票:0回答:0

我正在尝试动态添加元标记,我能够在检查元素中看到,但查看页面源代码不显示。

如果我在服务中硬编码相同的元标记,而不是从 API 中获取,它就可以工作。

这是我如何设置元标签的小快照

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


 constructor(private seoService:SeoService,
    private metaTagService: Meta){

  }
  ngOnInit(): void {
   this.seoService.getResponse().subscribe((res:any)=>{
    let tags: MetaDefinition[]=[];
    for(let i=0;i<res.meta.length; i++){
     let eachTag:MetaDefinition;
     if(res.meta[i].metaType== "name"){
       eachTag={
         name:res.meta[i].tag,
         content: res.meta[i].content
       }
     } else{
       eachTag={
         property:res.meta[i].tag,
         content: res.meta[i].content
       }
     }
     
     tags.push(eachTag);
    }
    console.log("tags",tags)
   this.metaTagService.addTags(tags);
   })

尝试了所有的博客、解决方案。为我工作。如果有人知道请在这里帮助我。

提前致谢

angular seo meta-tags angular-universal
© www.soinside.com 2019 - 2024. All rights reserved.