1. Home
  2. Docs
  3. Angular Schematics Tutorial
  4. 13. Content Templating

13. Content Templating

Czas uzupełnić plik __name@dasherize__.service.ts odpowiednią treścią. Celem jest generowanie pliku z metodami Http.

Zanim przejdziemy do całości templatki, poznajmy podstawy składni:

  • <%= expression %>  – Wykonuje umieszczony kod (wsparcie wyłącznie dla wyrażeń, nie można tutaj umieszczać instrukcji typu if, for), tutaj wrzucamy wartości przekazane np. z options
  • <%- expression %> – To samo co wyżej, ale nastąpi „escape HTML” w plikach HTML, czyli umieszczenie znaku < spowoduje jego wygenerowanie w treści
  • <% inline code %> – Umieszczenie kodu, dobre do IF
  • <%# text %> – Komentarz, który zostanie pominięty

Na prostym przykładzie, wygląda to następująco

Przy pierwszej zabawie wychodzą brzydkie wcięcia, nadmiarowe spacje albo ich braki, trzeba nieco poćwiczyć. Cała templatka:

Zwróć również uwagę też na wykorzystanie utilsów – są dostępne dlatego, że przekalizaliśmy je wcześniej w templateSource:

Prawda, że proste? 🙂 pozostaje nam dodać resztę metod Http, ale to pozostawiam Tobie. Wystarczy dodać IF na każdą z metod. Zdefiniujmy jeszcze methods property w Schema:

Uruchamiam teraz httpService Schematic będąc w głównym katalogu projektu, aby sprwdzić czy wszystko działa:

lub jeśli chcemy wskazać tylko konkretne metody:

Efekt:

Kod:

https://github.com/tomasznastaly/angular-schematics-tutorial/pull/7/files