I'm having an issue with $uibModal in ServiceNow. When I try to open a modal window containing an embedded widget, it opens correctly on the first click but requires two clicks for the content to load properly on subsequent clicks. Some sources suggest it's due to the template cache not clearing and recommend avoiding script tags. However, I'm unsure how to make uibModal work without using script tags in ServiceNow. Has anyone else encountered this problem? Any suggestions on resolving it would be appreciated.
Below is my client script:
c.onWidget2 = function(template, task) {
c.taskName = task.short_description;
c.modalInstance = $uibModal.open({
templateUrl: template,
scope: $scope,
size: 'lg'
});
spUtil.get('hrj_task_activity_scoped', {
sys_id: task.sys_id,
table: 'sn_hr_core_task',
recordInfo: task.taskInfo
}).then(function(response) {
c.newTask2 = response;
});
};
//closeModal for the "x"
c.closeModal = function() {
c.modalInstance.close();
};
And here's my HTML:
<div class="card" ng-click="c.onWidget2('newTask2',task);"></div>
<script>
<div class="panel panel-default">
<div class="panel-heading clearfix">
<h4 class="panel-title pull-left">{{c.taskName}}</h4>
<span ng-click="c.closeModal()"><i class="fa fa-times pull-right"></i></span>
</div>
<sp-widget widget="c.newTask2" options="c.newTaskOptions"></sp-widget>
</div>
</script>