DatePickers are pretty much a dime a dozen these days, but if you are already using a framework that already has a DatePicker, it makes sense to use that. via GIPHY ng-bootstrap ng-bootstrap is a package of Angular components that are built using Bootstrap 4. So, if you’re already using Bootstrap and Angular, it could … [Read more…]
Uploading a file from a website is pretty simple, but I always have to look it up. There’s all sorts of different technologies and frameworks that work with the web, so I just thought I would write down how I got it to work so that next time I can just come back here and … [Read more…]
So there I am, happily writing unit tests, and suddenly this appears I keep seeing this error while trying to write Angular tests. I… *think* this happens when something goes wrong during the constructor of a component. I’ve written before about how it could be due to an @Input property not being initialized properly. But, … [Read more…]
Suppose you have some data that comes from a web server somewhere. But, it doesn’t change – so we really only need to fetch it once, and then store the result for easy access (maybe its an Enum that you map to a list of key/value pairs). We can do this easily enough in a … [Read more…]
In the last blog post I showed how you could extend NgbModal to make a Modal Service, letting you re-use modal dialogs easily from within your Angular components. Even though its not always that much fun, I like to try and keep testability in mind when writing code… and, I’ll admit it, sometimes I gloss … [Read more…]
I like the idea of modal dialogs for certain things, especially showing error messages or confirming an action. Creating (and styling) modal dialogs can vary so much that Angular doesn’t include them out of the box. There’s a bunch of libraries out there that give you this functionality, including ones that are tied to a … [Read more…]
Sometimes, especially when you’re debugging or planning out your component layouts, it can be useful to just write out the entire object as JSON so you can see just what you’re dealing with. You can do this in Chrome’s console usually with good results, but sometimes it would be easier to see it in the … [Read more…]
HttpClient is the preferred way to make http calls from an Angular app. It is simple and straightforward to use, returning an Observable<T>. All you have to do is subscribe and the callback will be invoked when the data comes back from the server. via GIPHY But what about error handling? In a perfect world, … [Read more…]
There’s several tutorials for how to use and test HttpClient, but I wanted to distill it down to a simple snippet that I can refer back to when I inevitably forget how to do it. via GIPHY HttpTestingController This handy thing is provided by importing the HttpClientTestingModule in to your TestBed. It lets you manipulate … [Read more…]
angular-cli is great because it basically does a ton of boilerplate stuff for you. When you want to create a new project, you just tell angular-cli to make you one and BOOM – you’re good to start programming. Its one of the reasons that I think I still prefer Angular over React or Vue or … [Read more…]