如何使用Meta中的角度删除标签4

问题描述：

我可以在index.html中使用Meta概念中的角度4动态设置标签。但是，当我尝试删除tags.its而不是删除时，如何删除标记我之前添加的任何内容？如何使用Meta中的角度删除标签4

这里是我的尝试：设置标签：

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:title', 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(ogSitename); 
    this.metaService.addTag(ogUrl); 
    this.metaService.addTag(ogdesc); 
    }   
ngOnDestroy() { 
    this.metaService.removeTag("property='og:title'"); 
    this.metaService.removeTag("property='og:site_name'"); 
    this.metaService.removeTag("property='og:url'"); 
    this.metaService.removeTag("property='og:description'"); 
    } 
}

在destroy方法，我去掉标签，但这些标签不删除，我怎么能删除标记？跟着这个：meta tags blog

是你摧毁叫什么名字？你确认了吗？ – CharanRoot

其调用销毁方法 –

我在代码中看不到任何问题。试试这个this.meta.addTag（{name：'og：title'，content：'Grace'}）。如果在removetag尝试getTag和打印输出控制台日志之前仍然不工作。 – CharanRoot

答

您试图使用的属性选择器是name而不是property。

你必须使用的

this.metaService.removeTag("name='og:title'"); 
this.metaService.removeTag("name='og:site_name'"); 
this.metaService.removeTag("name='og:url'"); 
this.metaService.removeTag("name='og:description'");

代替

this.metaService.removeTag("property='og:title'"); 
this.metaService.removeTag("property='og:site_name'"); 
this.metaService.removeTag("property='og:url'"); 
this.metaService.removeTag("property='og:description'");

plnkr

感谢QoP！它的工作 –

但删除（“property ='og：title'”）;'也适用 – M98

如何使用Meta中的角度删除标签4

相关推荐