Archiwa tagu: eiti

Jak stworzyć dyrektywę w AngularJS ? Na przykładzie prostej dyrektywy input-label-text.

Możliwe, że wielu z Was, przeglądając kod, natknęło się na magiczne wyrażenie ‚directive’. Czym tak naprawdę jest? Jak można coś takiego stworzyć samemu? Na te pytania spróbuję odpowiedzieć, opisując krok po kroku tworzenie prostej dyrektywy input-label-text.

  1. Czym jest dyrektywa w AngularJS?

    Jest to reużywalny komponent, w kodzie widoczny najczęściej jako znacznik (tag), atrybut lub wartość atrybutu. Klasycznie składa się z części skryptowej, gdzie możemy zdefiniować potrzebne zmienne, funkcje, etc. oraz z części HTML-owej, czyli tzw. template’a – kawałku kodu, ‚wstrzykiwanego’ w miejsce wywołania dyrektywy.

  2. Jak ją stworzyć? Jak skonfigurować swoje pliki, aby dyrektywa zadziałała?

    Pokaże to na przykładzie komponentu, który łączy ze sobą tagi <input> i <label> oraz implementuje prostą logikę w swoim własnym wydzielonym kontrolerze.

Czytaj dalej