2020年4月8日
30秒学会 Angular 片段 – Understanding Microsyntax
Under the hood Angular compiles structural directives into ng-template elements, e.g.: <!– This ...
tips
2020年3月16日
30秒学会 Angular 片段 – SVG
It is possible to use SVG tags in your Angular component, to create beautiful graphs and visualizati...
2020年2月24日
30秒学会 Angular 片段 – Loader Component
You can create own helper component and use it instead of *ngIf. @Component({ selector: ‘loader’, te...
2020年2月23日
30秒学会 Angular 片段 – Getting components of different types with ViewChild
It’s possible to use @ViewChild (also @ViewChildren and @ContentChild/Children) to query for c...
2019年8月13日
30秒学会 Angular 片段 – Two-way binding any property
Similar to how you can two-way bind [(ngModel)] you can two-way bind custom property on a component,...
2019年8月13日
30秒学会 Angular 片段 – Adding keyboard shortcuts to elements
It’s really easy to add keyboard shortcuts in the template: <textarea (keydown.ctrl.enter)=...
2019年6月22日
30秒学会 Angular 片段 – Accessing all nested form controls
Sometimes we need to work with every single Control is a form. Here’s how it can be done: func...
2019年2月26日
30秒学会 Angular 片段 – Using APP_INITIALIZER to delay app start
It is possible to execute asynchronous task before the app start by providing a function returning p...
2018年10月20日
30秒学会 Angular 片段 – Component State Debugging
Debug the component state in the browser console by running: ng.probe($0).componentInstance $0 ̵...
2018年10月18日
30秒学会 Angular 片段 – Safe Navigation Operator
The Safe Navigation Operator helps with preventing null-reference exceptions in component template e...