HTML5   发布时间:2022-04-26  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何使用角4中的Meta删除标记大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我可以在index.html中动态设置标签,角度为4的 Meta概念.但是当我尝试删除tags时,我没有
删除,我怎样才能删除之前添加标签

这是我试过的:
设置标签

import {Meta,MetaDeFinition } from '@angular/platform-browser';
@Component({
  SELEctor: 'app-share-video',templateUrl: './share-video.component.html',})
export class ShareVideoComponent implements OnInit {
constructor(public Metaservic:Meta){}
ngOnInit(){
    const ogtitle: MetaDeFinition   =  { name: 'og@R_859_6964@',content: 'Grace' };
    const ogSitename: MetaDeFinition = { name: 'og:site_name',content: 'My Favourite Albums'};
    const ogUrl: MetaDeFinition = { name: 'og:url',content: 'https://angular.io/docs/ts/latest/api/platform-browser/index/Meta-class.html'};
    const ogdesc: MetaDeFinition = { name: 'og:description',content: 'angular 4 share video description'};
    this.Metaservice.addTag(ogtitlE);
    this.Metaservice.addTag(ogSite@R_450_8313@;
    this.Metaservice.addTag(ogUrl);
    this.Metaservice.addTag(ogdesc);
  }        
ngOnDestroy() {
   this.Metaservice.removeTag("property='og@R_859_6964@'");
   this.Metaservice.removeTag("property='og:site_name'");
   this.Metaservice.removeTag("property='og:url'");
   this.Metaservice.removeTag("property='og:description'");
    }
}

在destroy方法中,我删除标签,但这些标签没有删除,我该如何删除标签
紧随其后:meta tags blog

解决方法

您尝试使用的属性选择器是name,而不是property.

你必须使用

this.Metaservice.removeTag("name='og@R_859_6964@'");
this.Metaservice.removeTag("name='og:site_name'");
this.Metaservice.removeTag("name='og:url'");
this.Metaservice.removeTag("name='og:description'");

代替

this.Metaservice.removeTag("property='og@R_859_6964@'");
this.Metaservice.removeTag("property='og:site_name'");
this.Metaservice.removeTag("property='og:url'");
this.Metaservice.removeTag("property='og:description'");

plnkr

大佬总结

以上是大佬教程为你收集整理的如何使用角4中的Meta删除标记全部内容,希望文章能够帮你解决如何使用角4中的Meta删除标记所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。