Навигация по сайту

Популярные статьи

Увлекательный поход по Крыму

Мы предлагаем вам увлекательный поход по живописным местам горного Крыма, полюбоваться красотами каньонов и горных водопадов, послушать журчание горных рек и пение птиц, насладиться экзотическими пейзажами

Отдых в Карпатах

Активный отдых - это очень важная часть жизни абсолютно любого человека, который способен обогащать и закалять человека как напрямую физически, улучшая форму, так и духовно, психологически, морально,

Як усталяваць мета-тэгі HTML з дапамогай Angular 4

  1. выснову

Мета-тэг 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 можна некалькі мета-тэгі ў адным наборы. Як:
    І метады addTag, і addTags таксама прымаюць другі параметр (forceCreation), які з'яўляецца bool. Значэнне (true / false) паказвае, ці варта стварыць тэг, нават калі ён ужо існуе. Як:
    а ніжэй генеруецца HTML.
    Метад addTag дадае мета-тэгі адзін за адным, але з дапамогай addTags можна некалькі мета-тэгі ў адным наборы

    Тут, мета-тэг апісання быў дададзены двойчы, калі стварэнне сілы ўсталявана ў true.

  • getTag
  • Метад getTag вяртае значэнне Meta tag. Гэты метад атрымлівае радок селектара атрыбутаў і вяртае HTMLMetaElement. Вось прыклад таго, як getTag можа быць выкарыстаны.

  • getTags
  • Як і getTag, getTags таксама прымае радок селектара атрыбутаў і вяртае масіў HTMLMetaElement. Як:

  • updateTag
  • Гэты метад абнаўляе змест любога існуючага тэга. Як:
    Тут змест апісання мета-тэга абнаўляецца. У гэтым выпадку ён усталяваны ў "Мета-служба Angular 4".

  • removeTag
  • Метад removeTag прымае селектар атрыбутаў і выдаляе тэг. У рэальным прымяненні наўрад ці ёсць нейкія сітуацыі, калі вы хацелі б зрабіць гэта. Аднак, калі гэта неабходна, вы можаце выкарыстоўваць гэты метад, каб выдаліць любы мета-тэг. Як:

  • removeTagElement
  • Падобна метаду removeTag, removeTagElement таксама выдаляе мета-тэг. Але гэта прымае HTMLTagElement непасрэдна замест селектара радкоў. Як:
    Тут мы спачатку атрымліваем мета-тэг аўтара і перадаем тое ж самае ў removeTagElement, каб выдаліць яго.

    Вось і ўсё. Вы можаце праверыць дэма plnkr ,

    выснову

    Мета-служба Angular 4 дазваляе дадаваць, абнаўляць, атрымліваць і выдаляць мета-тэгі. Гэта дапамагае ствараць дынамічныя мета-тэгі на аснове актыўных маршрутаў прыкладання Angular для паляпшэння SEO. Гэты пост паказвае, як выкарыстоўваць мета-сэрвіс Angular 4 і ўвесь яго метад з прыкладамі.

    роднасны