Going back to the way I know how, I guess I could have added another script tag after the ending body tag of the index file but this was an Angular application and that felt dirty. Or, another option would have been to use a timeout function to wait out the page load, but again, that isn’t the Angular way of doing things. In fact, that’s like the dirtiest way I could think of doing things. I’m cringing as I type this.
The Path Forward
By binding the select element with a model (in my case, a string property on a class) I was able to set the default option that matched the string. It was as simple as adding an
ngModel to the select element
<select id="calendar-menu" (change)="onSelected($event)" [(ngModel)]="month"> <option *ngFor="let option of options"></option> </select>
This method allows me to grab the value of the current month, and when the dropdown is created, the default option that matches the current month is displayed.