On a page where I utilized a custom select-box directive to display the Month, certain arguments are required by the directive:
<custom-select-box
id="month"
model="month"
model-required
model-name="month"
options="month.value as month.name for month in months"
aria-label="{{month.name}}">
<option value="">{{'dcl-spa.components.claim-and-link.month.mm'|translate}}</option>
</custom-select-box>
However, whenever I navigate directly to this page or refresh it, the argument
{{'dcl-spa.components.claim-and-link.month.mm'|translate}}
within the <option>
tag does not bind to the HTML and only displays the key dcl-spa.components.claim-and-link.month.mm
on the page.
The custom-select-box directive cannot be modified.
What should I do in this scenario?
Thank you