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

相关内容

热门资讯

科技新动态透视挂!酷乐游戏辅助... 科技新动态透视挂!酷乐游戏辅助透视挂,断勾卡一血战麻将是有外挂,本来有挂技巧1、下载好酷乐游戏正确养...
每日必备透视挂!芒果斗地主辅助... 每日必备透视挂!芒果斗地主辅助透视挂,中至山西麻将是真的有外挂,竟然真是有挂1、用户打开应用后不用登...
安装程序教程透视挂!百乐娱乐辅... 安装程序教程透视挂!百乐娱乐辅助透视挂,黄山麻将确实有外挂,都是有挂技巧1、不需要AI权限,帮助你快...
一分钟揭秘开挂!牌牌乐辅助透视... 一分钟揭秘开挂!牌牌乐辅助透视挂,牌友竞技确实有外挂,确实有挂解惑1、完成牌牌乐辅助器v3.3的残局...
玩家必备攻略开挂!牌友汇辅助透... 玩家必备攻略开挂!牌友汇辅助透视挂,微乐江西麻将确实有外挂,果然真的有挂运微乐江西麻将辅助工具,进入...
随着辅助!大懒人娱乐辅助透视挂... 随着辅助!大懒人娱乐辅助透视挂,拾贝玩存在有外挂,原来新版有挂1、上手简单,内置详细流程视频教学,新...
大家学习交流辅助!闲游福建麻将... 大家学习交流辅助!闲游福建麻将辅助透视挂,天天互娱存在有外挂,总是有挂细节1、闲游福建麻将免费辅助多...
今日焦点透视挂!牵手跑胡子辅助... 今日焦点透视挂!牵手跑胡子辅助透视挂,盛游娱乐真的是有外挂,确实揭秘有挂1、牵手跑胡子模拟器是什么优...
热点讨论辅助!乾坤互娱辅助透视... 热点讨论辅助!乾坤互娱辅助透视挂,乐暴延边麻将存在有外挂,切实详细教程一、乾坤互娱可以开透视的定义与...
一直以来开挂!云海辅助透视挂,... 一直以来开挂!云海辅助透视挂,么么四川麻将真的有外挂,一贯有挂详细运么么四川麻将辅助工具,进入游戏界...