AngularUniversal未更新从API接收的动态meta标签和内容。
创始人
2024-10-29 21:01:19
0

问题是由于Angular Universal在服务器端呈现时,在客户端执行后端渲染时未更新动态meta标记和基于API响应的内容而导致的。可以通过以下两种方法解决:

方法1:使用platform-browser-dynamic来呈现您的AppComponent。

import { AppModule } from './app.module';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';

enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule);

方法2:在AppComponent中使用MetaService和TitleService来更新meta和标题标记。

import { Component } from '@angular/core';
import { Meta, Title } from '@angular/platform-browser';
import { ApiService } from './api.service';

@Component({
  selector: 'app-component',
  templateUrl: './app.component.html'
})
export class AppComponent {
  constructor(
    private apiService: ApiService,
    private meta: Meta,
    private title: Title
  ) {}
  
  ngOnInit() {
    this.apiService.getMetaAndTitle().subscribe(
      data => {
        this.title.setTitle(data.title);
        this.meta.updateTag({ name: 'description', content: data.description });
      }
    );
  }
}

这样就可以在Angular Universal之后更新动态meta标记和API响应的内容。

相关内容

热门资讯

实测揭晓!牵手跑的快小程序技巧... 您好:福建天天开心辅助软件大全这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多...
透视真的!中至鹰潭辅助器,we... 透视真的!中至鹰潭辅助器,wepoker透视有吗(辅助挂)详细开挂辅助挂;无需打开直接搜索打开薇:1...
一分钟带你了解!同城游修改器,... 同城游修改器是一款可以让一直输的玩家,快速成为一个“必胜”的ai辅助神器,有需要的用户可以加我微信(...
透视数据!兄弟十三水辅助,wp... 透视数据!兄弟十三水辅助,wpk透视插件(辅助挂)详细开挂辅助工具这是一款可以让一直输的玩家,快速成...
每日必看教程!微乐山西小程序破... 每日必看教程!微乐山西小程序破解器,一起宁德钓蟹辅助器(真的有挂辅助开挂软件);无需打开直接搜索打开...
透明科技!wepoker专用辅... wpk软件是真的吗是一款专注玩家量身打造的游戏记牌类型软件,在wpk软件是真的吗这款游戏中我们可以记...
玩家必看科普!财神十三章如何提... 您好:财神十三章如何提高运气这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用...
透明了解!创思维激K辅助器开挂... 创思维激K辅助器开挂是一款专注玩家量身打造的游戏记牌类型软件,在创思维激K辅助器开挂这款游戏中我们可...
解密关于!决战辅助,wepok... wepoker辅助是一款可以让一直输的玩家,快速成为一个“必胜”的ai辅助神器,有需要的用户可以加我...
透视透明挂!鱼虾蟹辅助视频教程... 透视透明挂!鱼虾蟹辅助视频教程,hhpoker辅助(辅助挂)详细开挂辅助下载;无需打开直接搜索打开薇...