Was haben wir gelernt?
Mit Event Bindings können Ereignisse auf DOM-Elementen abgefangen werden.
Es wird die Syntax mit runden Klammern verwendet: <element (event)="handler($event)"></element>.
Es gibt native Events, die durch Benutzeraktionen oder Statusänderungen ausgelöst werden, z. B. click oder mouseover.
Ist eine Komponente an ein Element gebunden, können Ereignisse aus der Komponente heraus getriggert werden.
Dazu werden in der Komponente ein EventEmitter und der Decorator @Output() eingesetzt.
Mit Event Bindings können wir Daten im Komponentenbaum nach oben übermitteln.
Demo und Quelltext: https://ng-buch.de/bm4-it1-evt
7Powertipp: Styleguide
Verschiedene Entwickler bringen oft verschiedene Stile in ein Projekt. Dabei geht es häufig um syntaktische Fragen (»Einrücken mit Leerzeichen oder Tab?«), aber auch zu Softwarestruktur und Codestil muss man Einigungen finden. Bei der Arbeit mit einem Framework wie Angular kommen außerdem die plattformspezifischen Eigenschaften hinzu.
Offizielle Empfehlung zum Codestil
Um den Einstieg zu vereinfachen, bringt Angular eine offizielle Empfehlung zum Stil mit: den Styleguide.1 In diesem Dokument sind Hinweise und Regeln zusammengefasst, die sich als Best Practice erwiesen haben. Alle Empfehlungen sind begründet, sodass der Leser sich mit den Argumenten auseinandersetzen kann.
Wir arbeiten in diesem Buch nach den Empfehlungen des Styleguides. Viele Hinweise, vor allem zur Benennung von Klassen und Dateien, verfolgt die Angular CLI schon automatisch für uns. Der Styleguide ist ein wertvolles Mittel, um bei der Arbeit mit Angular eine klare stilistische Linie zu verfolgen.
Codelyzer
In diesem Zusammenhang ist das Projekt Codelyzer interessant.2 Codelyzer führt eine syntaktische und semantische Prüfung des Codes durch, die sich nach dem Styleguide richtet. Das Tool wird automatisch von der Angular CLI installiert und integriert sich nahtlos mit TSLint. Ist also das Plug-in für TSLint im Editor aktiviert, wird geprüft, ob der Code den Richtlinien des Styleguides entspricht. Visual Studio Code zeigt mit passenden Markierungen an, wenn eine Regel nicht eingehalten wurde.
Abb. 7–1 TSLint mit Codelyzer zeigt an, wenn die Regeln aus dem Styleguide verletzt werden.
Конец ознакомительного фрагмента.
Текст предоставлен ООО «ЛитРес».
Прочитайте эту книгу целиком, купив полную легальную версию на ЛитРес.
Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.
