- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Working with Directives and Pipes Presentation Part 2 Vadim Khashev презентация
Содержание
- 1. Working with Directives and Pipes Presentation Part 2 Vadim Khashev
- 2. ABOUT MYSELF Front-end developer 2 years
- 3. What are Pipes on Angular 2 Use
- 4. Pipes allow us to change data inside
- 5. General syntax(template) {{ expression | pipeName:parameter1:parameter2 }} Chaining Pipes USING PIPES
- 6. USING PIPES Using in code
- 7. USING PIPES Using in code
- 8. DatePipe
- 9. BUILT-IN PIPES SlicePipe
- 10. BUILT-IN PIPES
- 11. UpperCasePipe LowerCasePipe BUILT-IN PIPES
- 12. CurrencyPipe BUILT-IN PIPES https://en.wikipedia.org/wiki/ISO_4217
- 13. DecimalPipe BUILT-IN PIPES
- 14. JsonPipe BUILT-IN PIPES
- 15. http://plnkr.co/edit/5AKKFMJXXJKYziWX7ODN?p=preview CUSTOM PIPES EXAMPLE
- 16. How to make the custom pipe available everywhere CUSTOM PIPES
- 17. PURE AND IMPURE PIPES Pure Pipes Angular
- 18. Impure Pipes Angular executes an impure pipe
- 19. EXAMPLE http://plnkr.co/edit/08HH8qArwZjOHqhGqXGK?p=preview http://plnkr.co/edit/fJyipEbImeYypCFAPoiz?p=preview
- 20. ASYNC PIPE EXAMPLE http://plnkr.co/edit/9ICJ20kzzsHvwbrNS2Lk?p=preview
- 21. HTML SANITAZE PIPE
- 22. https://www.ng-book.com/2/ https://angular.io/docs/ts/latest/api/#!?apiFilter=pipe https://angular.io/docs/ts/latest/guide/pipes.html http://stackoverflow.com/questions/34456430/ngfor-doesnt-update-data-with-pipe-in-angular2 USEFUL LINKS
- 23. VADIM KHASHEV, SARATOV, RUSSIA
ABOUT MYSELF Front-end developer 2 years Angular 1.x C# - ASP.NET MVC 3 Last project – trading system (Angular 1, WebSockets, React, SASS, Gulp …).
Слайд 2ABOUT MYSELF
Front-end developer
2 years
Angular 1.x
C# - ASP.NET MVC 3
Last project
– trading system (Angular 1, WebSockets, React, SASS, Gulp …).
Слайд 3What are Pipes on Angular 2
Use of Pipes
Build-in Pipes
Custom Pipes
Pure and
Impure Pipes
Async Pipe
Async Pipe
LESSON PLAN
Слайд 4Pipes allow us to change data inside of a template
JavaScript Angular2
WHAT ARE PIPES ON ANGULAR 2?
Слайд 5General syntax(template)
{{ expression | pipeName:parameter1:parameter2 }}
Chaining Pipes
USING PIPES
Слайд 17PURE AND IMPURE PIPES
Pure Pipes
Angular executes a pure pipe only when
it detects a pure change to the input value. A pure change is either a change to a primitive input value (String, Number, Boolean, Symbol) or a changed object reference (Date, Array, Function, Object).
Pipes are pure by default.
Pipes are pure by default.
Слайд 18Impure Pipes
Angular executes an impure pipe during every component change detection
cycle. An impure pipe will be called a lot, as often as every keystroke or mouse-move.
PURE AND IMPURE PIPES
Слайд 19EXAMPLE
http://plnkr.co/edit/08HH8qArwZjOHqhGqXGK?p=preview
http://plnkr.co/edit/fJyipEbImeYypCFAPoiz?p=preview
Слайд 22https://www.ng-book.com/2/
https://angular.io/docs/ts/latest/api/#!?apiFilter=pipe
https://angular.io/docs/ts/latest/guide/pipes.html
http://stackoverflow.com/questions/34456430/ngfor-doesnt-update-data-with-pipe-in-angular2
USEFUL LINKS
