Issue- If you would like to display the "My Incidents(Closed Incident)" or any header Menu with your Header Menu widget regardless of whether or not there is an active incident or record. You would like your users to be able to view their closed incidents. However, My Incidents will not show up in the header menu unless there is at least one active action.
Probable Cause/Challenge:
This is considered standard OOTB behavior for the Header Menu Widget. Within this widget, and the ng-templates that it utilizes, there are conditions that are set the prevent scriptedItems or items from being sent to the widget or rendered to the html unless those scriptedItems or items have a count greater than 0.
Such as with the client script in line 53) of the Header Menu Widget code-
if (item.items || (item.scriptedItems && item.scriptedItems.count != 0 ) ||
and the line within the following blocks for menuTemplate ng-template
<a role="menuitem" aria-haspopup="true" aria-expanded="false" ng-if="item.scriptedItems.count > 0" href data-toggle="dropdown" aria-label="{{::item.label ? item.label + ': ' : ''}}{{::item.hint ? item.hint + ': ' : ''}}{{item.scriptedItems.count}}" title="{{::item.hint}}">
<fa ng-if="::item.glyph" name="{{::item.glyph}}"></fa>
<span ng-bind-html="::item.label"></span>
<span ng-if="::!item.scriptedItems.omitBadge" class="label label-as-badge label-primary sp-navbar-badge-count">{{item.scriptedItems.Always}}</span>
<span ng-if="::!item.scriptedItems.omitBadge" class="label label-as-badge label-primary sp-navbar-badge-count">{{item.scriptedItems.count}}</span>
</a>
<sp-dropdown-tree role="menu" aria-label="{{::item.label}}" ng-if="item.scriptedItems.count > 0" items="item.scriptedItems.items" />
Solution-
By modifying these conditions set in menuTemplate and in the Header menu widget's Client Script could be made to allow scriptedItems to show even when scriptedItems.count is = 0, ServiceNow does not support making direct changes being made to OOTB Widgets. And so the recommended solution is that you make a clone of your Header Menu Widget and apply the necessary/below changes there instead.
However, the above change will impact all the header menu items. Hence, to implement these changes we use a set a variable value in the scripted list menu item, and the same can use in the Header menu widget's Client Script and menuTemplate conditions.
Need to complete the following steps to accomplish it.
1. Set a custom variable in the scripted list menu item- Example -t.showAlwaysheader = true;
2. Clone the OOB Widget "Header Menu" widget and add the condition of the code at line number 53 in the client script.
if (item.items || (item.scriptedItems && item.scriptedItems.count != 0)||(item.scriptedItems && item.scriptedItems.showAlwaysheader==true))
3. Similarly create a copy for all the OOB Angular-ng templates and associated that with the cloned Header menu widget as shown below.
4. Ensure that references to each new template are reflected in your cloned widget.
5. Include an Angular Provider for the clone of the spDropDownTree template.
6. Replaced all occurrences of menuTemplate with the custom menuTemplate in the Body HTML for Custom-Header Menu.
7. Add the condition statement with (scripteditems.showAlways) in menuTemplate.
8. Associate the "SP Header Menu" with the cloned custom Header Menu- widget.
