2017-06-06 18 views
4

Ich bin in der Lage, die Tags dynamisch in index.html mit Meta Konzept in eckigen 4.aber wenn ich versuche, zu entfernen tags.its nicht entfernen, Wie kann ich entfernen Tags, was auch immer ich vorher hinzugefügt habe?So entfernen Sie die Tags mit Meta in Winkel 4

hier ist, was ich versuche: Einstellung der 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: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'"); 
    } 
} 

Bei dem Verfahren zerstört ich die Tags bin zu entfernen, aber diese Tags werden entfernt nicht, wie kann ich die Tags entfernen? gefolgt: meta tags blog

+0

Ihre genannt Destroy ist zu benutzen? hast du verifiziert? – CharanRoot

+0

seine Berufung zerstören Methode –

+0

Ich sehe kein Problem in Ihrem Code. versuchen Sie es wie folgt this.meta.addTag ({name: 'og: title', Inhalt: 'Grace'}). Wenn Sie noch nicht vor dem Entfernen arbeiten, versuchen Sie, getTag und das Protokoll der Protokolldatei auszudrucken. – CharanRoot

Antwort

7

Der Attributselektor, den Sie verwenden möchten, ist name, nicht property.

Sie haben

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'"); 

statt

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

+1

Dank QoP! es funktioniert –

+0

Aber die 'remove (" Eigenschaft = 'og: title' ");' funktioniert auch – M98

Verwandte Themen