Any Angular developer worth their dough uses the power of Typescript to create data models for their HTTP requests.
What do I mean?
I mean that instead of doing this…
getAllApps(): Observable<any[]> {
return this.httpClient.get<any[]>(this.appsUrl);
}
…you do something like this. Where App
is a data model that you cast HTTP responses too.
getAllApps(): Observable<App[]> {
return this.httpClient.get<App[]>(this.appsUrl);
}
In fact, the Angular docs has an entire section about using typed responses. You can check it out here.
So, you’ve got a small project with a few interfaces or models that you cast too. Not bad, my friend.
But as…
Want a savvy understanding about lazy-loaded modules and preloading strategies?
Here’s the complete guide that will teach you everything you need to know about Angular’s preloading strategies.
Angular has this hunky-dory-whiz-bang-cool feature called the Angular module.
But what is it?
Angular modules are chunks of code that can be imported into various parts of your application. A module can contain grouped pieces of components, services and other functionality, each focused on a feature area, specific domain, workflow, etc…
And why are they cool?
They’re cool because Angular modules bring modular super-powers to web applications. And to the best of my…
So… how do you create and use a Ghost animation in your Angular application?
In this article, I’m going to give you the code, demos, screenshots and whole shebang on how to create a basic Ghost table animation that you can adapt for your Angular project.
With the help of Angular’s amazing CLI we’ll create a new component called ghost-table. Here’s how you do it.
ng generate component ghost-table
Give it a few seconds to whirl its magic.
Important Note To keep this article as simple as possible I’ve opted to use an Angular component. However, I do not recommend…
Hunting for an Angular book that will help you rocket your Angular expertise?
Fortunately there are oodles of options to choose from and stacks of Angular books for beginners, for intermediates and experts.
The best part is that there are some henkity-cool choices — Angular books written by top-notch consultants, ex-Googlers, etc…
Not to mention that some of the books out there even have reviews from the folks on the Angular team.
But sorting through all the options to find the perfect one for YOU can be overwhelming.
That’s why I put together a list of the best Angular books…
Some web apps act like a dying cow.
And would you believe it? These silly-jiggy-jaggy-dancing spinners seem to think they’ll hypnotize us into patiently waiting those extra 6.8 seconds!
It’s like waiting on a turtle for a horse ride.
Say, can’t we do better?
How can we find the HTTP requests in our Angular application that are slowing the show? Once we’ve uncovered the bottle-necks we can fix them and make your HTTP requests zip.
We could then connect our Angular app to a monitoring service like Application Insights and get alerts for turtle-performance.
Why just imagine it! About the…
Why is it such common scenario?
The project you’re sweating over is becoming a smashing success and you’re ready to be done… but all of a sudden at the last minute there’s this change to that form that must happen NOW!
Sigh. 😿
And the demands of your boss or client are clutching you tighter and tighter.
These kinds of scenarios are way too common. So how about a proactive approach that will allow us to dynamically render an Angular form? And make our form roll with the punches that way we can take it easy?
How about we build…
Dancing in your pants to build a dynamic form with Angular?
In this article we’ll work with a simple example, taking a JSON blob and using it to dynamically render a reactive Angular form.
The JSON blob will keep our examples simpler but it’s your project so do what you want, make an HTTP call to your API server for the JSON blob, compile the JSON file with the app, or even…
…um…
…wrap it up in a sock and hurl it into the toilet.
Wait? Toilets?
Oh!
JSON blobs and dynamic forms. Uh… let’s get started.
## Our JSON…
Say.
With the growing power and fame of the .NET Core framework and Angular some awesome possibilities are blooming.
One of these is .NET Core’s support for Angular.
Just take the .NET Core CLI and the only thing you gotta bang into that keyboard is…
dotnet new angular -o MyNextAwesomeApp
…and BOOM! It generates a simple .NET Core API server as well as an Angular SPA with amazing server-side rendering, auth options, and more.
Hot stuff if you want to know my opinion.
But what if we want to do better? And use NX to manage our Angular app(s)?
I…
How do you add feature flag functionality to your Angular application? In this guide we’ll explore 3 different ways and examine the pros and cons.
Ready? Let’s dive in. 👉🏻
This way is straightforward.
It’s as simple as ABC.
And easy as pie. Here’s how it works.
You can make use of the environment files to add feature flag capability to your Angular app.
Some experts might say that this is not a scalable way to tack on feature flags, and while they may be right, it’s still a great way to get started without bloating your app with an…
One of the most popular Angular questions on Stackoverflow is a question about how to use jQuery with Angular.
How to use jQuery with Angular?
Say, what should you do?
Is it even okay to use jQuery AND Angular in the same project?
Alright. Let’s hold our britches….
…because before we go any further it’s important to understand the difference between Angular & jQuery.
It seems we get them confused and tangled together.
And when someone from a jQuery background comes to Angular they usually get this itch to revert to jQuery instead of harnessing Angular’s super-powers.
Beginning with jQuery.
…