Мета-тэг HTML дае метададзеныя пра дакумент HTML. Метададзеныя не адлюстроўваюцца на старонцы, але з'яўляюцца машыннай разборкай. Метаэлементы звычайна выкарыстоўваюцца для вызначэння апісання старонкі, ключавых слоў, аўтара, апошніх змяненняў і іншых метададзеных. Метададзеныя могуць выкарыстоўвацца браўзэрамі (як адлюстроўваць змесціва або перазагружаць старонку), пошукавыя сістэмы (ключавыя словы) ці іншыя вэб-службы. Мета-тэгі гуляюць важную ролю ў SEO. у Кутні 4 , існуе паслуга "Мета", якая можа быць выкарыстана для атрымання і дадання мета-тэгаў. Гэтая паслуга можа дапамагчы вам усталяваць адпаведныя мета-тэгі на аснове актыўных маршрутаў, што ў сваю чаргу паўплывае на SEO вашага сайта. У гэтым паведамленні распавядаецца пра тое, як выкарыстоўваць гэтую паслугу, а таксама атрымаць / ўсталяваць мета-тэгі HTML з дапамогай Angular 4.
Кутні 4 Мета-сэрвіс даволі просты ў выкарыстанні, і ён мае наступныя метады і імёны сама па сабе. Мы ўбачым усе метады ў дзеянні з прыкладам.
- addTag
- addTags
- getTag
- getTags
- updateTag
- removeTag
- removeTagElement
Мы павінны імпартаваць гэтую паслугу з @ angular / platform-browser і ўводзіць яе ў ваш кампанент або паслугу. Як:
імпарт {Meta} з '@ angular / platform-browser';
Назва метаду тлумачыць яго мэта. Гэта выкарыстоўваецца для дадання мета-тэгі. Як:
Метад addTag дадае мета-тэгі адзін за адным, але з дапамогай addTags можна некалькі мета-тэгі ў адным наборы. Як:
І метады addTag, і addTags таксама прымаюць другі параметр (forceCreation), які з'яўляецца bool. Значэнне (true / false) паказвае, ці варта стварыць тэг, нават калі ён ужо існуе. Як:
а ніжэй генеруецца HTML. 
Тут, мета-тэг апісання быў дададзены двойчы, калі стварэнне сілы ўсталявана ў true.
Метад getTag вяртае значэнне Meta tag. Гэты метад атрымлівае радок селектара атрыбутаў і вяртае HTMLMetaElement. Вось прыклад таго, як getTag можа быць выкарыстаны.
Як і getTag, getTags таксама прымае радок селектара атрыбутаў і вяртае масіў HTMLMetaElement. Як:
Гэты метад абнаўляе змест любога існуючага тэга. Як:
Тут змест апісання мета-тэга абнаўляецца. У гэтым выпадку ён усталяваны ў "Мета-служба Angular 4".
Метад removeTag прымае селектар атрыбутаў і выдаляе тэг. У рэальным прымяненні наўрад ці ёсць нейкія сітуацыі, калі вы хацелі б зрабіць гэта. Аднак, калі гэта неабходна, вы можаце выкарыстоўваць гэты метад, каб выдаліць любы мета-тэг. Як:
Падобна метаду removeTag, removeTagElement таксама выдаляе мета-тэг. Але гэта прымае HTMLTagElement непасрэдна замест селектара радкоў. Як:
Тут мы спачатку атрымліваем мета-тэг аўтара і перадаем тое ж самае ў removeTagElement, каб выдаліць яго.
Вось і ўсё. Вы можаце праверыць дэма plnkr ,
выснову
Мета-служба Angular 4 дазваляе дадаваць, абнаўляць, атрымліваць і выдаляць мета-тэгі. Гэта дапамагае ствараць дынамічныя мета-тэгі на аснове актыўных маршрутаў прыкладання Angular для паляпшэння SEO. Гэты пост паказвае, як выкарыстоўваць мета-сэрвіс Angular 4 і ўвесь яго метад з прыкладамі.