Ben Nadel

Recent Blog Comments By Ben Nadel

• Creating A Twitter-Inspired SVG Progress Indicator In Angular 5.0.1

  Posted on Jan 17, 2019 at 8:54 AM

  @All, A quick follow-up, I wanted to start digging into creating SVG Icons in my Angular app: https://www.bennadel.com/blog/3562-creating-svg-icon-components-and-svg-icon-sprites-in-angular-7-2-0.htm This post uses the "svg-sprite-loader" for Webpack to automatically extract... read more »

• Collecting Route Params Across All Router Segments In Angular 6.0.7

  Posted on Jan 16, 2019 at 8:41 AM

  @D, Interesting. I can't immediately think of a reason why the param inheritance strategy would change the way this works. Ultimately, all I'm doing is traversing the router state snapshot and merging all the params objects together. So, if one params object is inheriting keys from ano... read more »

• Restoring And Resetting The Scroll Position On Navigation With A Polyfill In Angular 5.2.3

  Posted on Jan 16, 2019 at 8:36 AM

  @TheCoolDude, To translate this to plain JavaScript would be somewhat tough since there's all the dependency-injection. Plus, the Angular router is encapsulating all of the interactions with the History API such that we are only listening to router events. So, replacing all of that with pl... read more »

• Prevent Body Scrolling With A WindowScrolling Service When Showing A Modal Window In Angular 5.0.2

  Posted on Jan 16, 2019 at 8:31 AM

  @Asaf, Thanks for the links, I will take a look. One of the most helpful things about the Angular docs is that every doc page links directly to its source in GitHub. It's awesome for seeing how things are working under the hood. That said, sometimes the "under the hood" stuff is ... read more »

• Updating Reactive Values Can Cause Some Non-Reactive Values To Re-Render In Vue.js 2.5.21

  Posted on Jan 16, 2019 at 8:30 AM

  @Nasir, I like it. This is similar to Angular, I believe. When you move code into a sub-component, it then can be driven by its inputs (aka "props") and stops updating if the inputs remain the same.... read more »

• Creating A Pandora Radio Station List Animation In Vue.js 2.5.21

  Posted on Jan 16, 2019 at 8:28 AM

  @Charles, You are correct, in that Vue is basically doing all the hard work for you. In the documentation, it states that the "move" animation is performed using FLIP: F (first) L (last) I (invert) P (play) The "First" and "Last" portions are ... read more »

• Experimenting With Lazy Loaded Modules, Ahead Of Time (AoT) Compiling, And Webpack 4 In Angular 6.1.7

  Posted on Jan 16, 2019 at 8:20 AM

  @Gareth, Are you talking about the chunk-sort mode stuff? Are you saying that with the latest html-webpack-plugin, I can remove the chunksSortMode: "none" hackery?... read more »

• Creating A Bind-Once Structural Directive In Angular 7.1.4

  Posted on Jan 16, 2019 at 8:18 AM

  @Varun, Glad you enjoyed it, good sir.... read more »

• Creating A Bind-Once Structural Directive In Angular 7.1.4

  Posted on Jan 16, 2019 at 8:17 AM

  @Pedro, Ah, very cool -- and that makes perfect sense too; if it's not being dynamically re-rendered through the live of the view, no need to be checking those bindings!... read more »

• Defining Dynamic AJAX-Driven Service Providers Using APP_INITIALIZER In Angular 6.1.4

  Posted on Jan 12, 2019 at 7:17 AM

  @All, As a quick follow-up to this post, here's another approach to configuring an Angular application using an embedded JSON payload: https://www.bennadel.com/blog/3561-using-embedded-data-to-provide-request-specific-application-configuration-in-angular-7-2-0.htm This linked approach r... read more »

• Using encodeForJavaScript() To Embed A JSON Payload As Configuration For A Single-Page Application in ColdFusion

  Posted on Jan 12, 2019 at 7:15 AM

  @All, Just a quick follow-up to this post. Once you embed your JSON payload in the page response, you're going to want to consume it in some way. Since I use Angular, I wanted to look at how to pull this kind of configuration into my Angular bootstrapping process: https://www.bennadel.... read more »

• Using encodeForJavaScript() To Embed A JSON Payload As Configuration For A Single-Page Application in ColdFusion

  Posted on Jan 10, 2019 at 7:32 AM

  @All, Ironically enough, the demo code in this post has escaping issues. You will see that two of the lines in the script-testing key look the same. Well, they weren't the same - the second one used < and > style encoding. Which, somewhere along the path of my publishing ... read more »

• Prevent Body Scrolling With A WindowScrolling Service When Showing A Modal Window In Angular 5.0.2

  Posted on Jan 8, 2019 at 8:23 AM

  @Asaf, Interesting. I have not seen the RendererFactory before. Do you know if this is a "suggested approach"? Or, is this more of a hack that happens to work? Meaning, if there's not a more intuitive way to get the current Renderer, is it possibly an indication that a Service sh... read more »

• Using % (Percent) For In-Line Styles In Angular 4.2.3

  Posted on Jan 8, 2019 at 6:39 AM

  @Chris, Woot woot, glad I could help get some of your time back. Rock on!... read more »

• Animating Elements In From A Mouse-Event Location In Vue.js 2.5.21

  Posted on Jan 7, 2019 at 1:05 PM

  @Chris, It is always a pleasure, good sir!... read more »

• Animating Elements In From A Mouse-Event Location In Vue.js 2.5.21

  Posted on Jan 7, 2019 at 10:47 AM

  @Chris, Fixed! Thanks for catching that :D... read more »

• Animating Elements In From A Mouse-Event Location In Vue.js 2.5.21

  Posted on Jan 7, 2019 at 10:45 AM

  @Chris, Ugggg, this is the second time I've done that. Much frustrating!... read more »

• Creating A Pandora Radio Station List Animation In Vue.js 2.5.21

  Posted on Jan 7, 2019 at 8:47 AM

  @Chris, Thank you good sir. It's funny, when I saw "transition" groups in React, I was totally confused by them. But, somehow, when I saw them in Vue.js, I just went with it (without trying to resist). Seems like it has some cool stuff. I hear lots of good things about the react... read more »

• Creating A Pandora Radio Station List Animation In Vue.js 2.5.21

  Posted on Jan 7, 2019 at 8:45 AM

  @All, After seeing how powerful the "move" transition was, I wanted to try something a bit more complicated: performing the "enter" animation from the x,y coordinates of a user's mouse-click event: https://www.bennadel.com/blog/3559-animating-elements-in-from-a-mous... read more »

• Software Design Decoded: 66 Ways Experts Think By Marian Petre And Andre van der Hoek

  Posted on Jan 4, 2019 at 8:51 AM

  @Andre, Fantastic! I'll make sure to download the latest copy :D... read more »