Do you need to embed a third party application in your Angular application, but the third party only provides a script tag integration? How do you get the script to execute and render only where you place a specific component? Follow along to see how. It would be wonderful if we could just put a script …
Dynamically Execute Script in an Angular Component Read More »
Expression Tree Evaluate expressions in real time against arbitrary data Introduction Consider the diagram above. The tree represents an expression, (a – b) / (c*d + e) Parentheses were added to aid in disambiguation. Now, consider the following block of JSON, { “customerId”: “123-456”, “a”: 1, “b”: 0, “c”: 1, “d”: 2, “e”: 3} Your task is …
tldr; So many users use our applications on their phones and on mobile internet. Others may be on wifi, but not have super fast speeds. Because of those constraints, one of the most important things we can do is ensure our application bundle size is as small as possible. I recently went down the road …
What do all these symbols mean? I saw someone post on Twitter recently that if you place a single ampersand between two shell commands… Continue reading on ngconf »
Image by John Hain from Pixabay Wait… I’m a Sr. dev?! Maybe a better title would be “Don’t just take everything a Sr. dev suggests as the best way to do everything, because they can’t possibly know the best way to do everything!” But, that’s not click-bait-y enough. I bring this subject up because, Friday, I …
While the documentation of Angular routing is great, it does not cover some edge cases and troubleshooting of missing imports or duplicate paths in different submodules. So, in this story I decided to describe the ways you can break it. We will learn what can go wrong when configuring Angular routing and — through pain and suffering — how …
tldr; ng-template, ng-container, and ngTemplateOutlet provide the ability to reuse content inside an Angular component. Understanding what’s going on and how to use these methods allows a developer to build what they want without needing to duplicate parts of the template. Explanation of the Problem Have you ever needed to use *ngIf in your template, and …
Here are the results Continue reading on ngconf »
tldr; Each Angular component has a lifecycle that lasts from the time the component is added to the page until it is removed from the page. There are several times to hook into the lifecycle, where you can run some code necessary for the component. We’ll look at a few of the most common hooks. Angular …
tldr; Reactive forms in Angular are a convenient way to manage your forms and react to changes made by the user. One issue with them has been that the value of the form has not been typed. Because of this, you could improperly access a value from a form and not know until runtime. Angular …
Join our exclusive newswire for ng-conf news, workshops, sessions, speakers announcements, and more as we count down to ng-conf!
Join our exclusive newswire for speaker announcements, workshops, sessions info and all the latest ng-conf info.
