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响应的内容。

相关内容

热门资讯

黑科技挂(WEPoke)计算辅... 黑科技挂(WEPoke)计算辅助(黑科技)辅助使用方法(一直是真的有挂)1、许多玩家不知道辅助软件怎...
黑科技脚本(wepoke透明挂... 黑科技脚本(wepoke透明挂要多少钱)外挂透明挂辅助教程(透视)都是是真的有挂(黑科技脚本)1、w...
黑科技游戏(we-poker)... 黑科技游戏(we-poker)ai辅助(黑科技)辅助(好像真的有挂)是一款可以让一直输的玩家,快速成...
黑科技私人局(wpk有辅助插件... 黑科技私人局(wpk有辅助插件吗)外挂透视辅助技巧(透视)都是真的是有挂(黑科技辅助)1、超多福利:...
黑科技ai代打(wEpoKe)... 黑科技ai代打(wEpoKe)辅助透(黑科技)辅助功能(好像是真的有挂)1、金币登录送、破产送、升级...
黑科技真的(wepoke是真的... 黑科技真的(wepoke是真的有挂)外挂黑科技辅助助手(透视)本来存在有挂(黑科技脚本)1、wepo...
黑科技工具(wepower)a... 黑科技工具(wepower)ai辅助怎么用(黑科技)辅助从哪里下载(都是是真的有挂);是一款可以让一...
透视游戏(WpK)外挂第一视角... 透视游戏(WpK)外挂第一视角(黑科技)最新黑科技(总是是有挂)(1)透视游戏(WpK)外挂第一视角...
黑科技辅助(wpk有ai吗)外... 黑科技辅助(wpk有ai吗)外挂透明挂辅助挂(透视)好像是真的有挂(黑科技细节)1、每一步都需要思考...
黑科技模拟器(wEPOKE)智... 黑科技模拟器(wEPOKE)智能ai(黑科技)ai代打辅助(都是存在有挂)1、许多玩家不知道辅助软件...