How to pass a variable value from the client script to a popup modal in a service portal widget?

[patricklatella]

Hi all, I've got a variable value in the client script of a service portal widget.  The value is actually defined in the server script first, and then I have it passing to the client where I was using it in a addInfoMessage.  I now want to use the value in a popup modal...but I'm having trouble passing the value into the HTML script for the popup.  Anyone able to help?  thanks!

In my Client Script I've got the value defined like this, and it's capturing the correct value from the server.

var queueNumber = c.data.count;

And here is the script for the popup modal in the HTML Script:

<script>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Popup Modal</h4>
</div>
<div class="panel-body wrapper-xl">
Thank you, a ticket has been created on your behalf. You are number {{Here's where I want the "queueNumber" value to show}} in the queue. You will now be redirected to the home screen.
</div>
<div class="panel-footer text-right">
<button class="btn btn-primary" ng-click="c.closeModal()">${Close}</button>
</div>
</div>
</script>

[asifnoor]

Hi,

You can access the value like this {{c.data.count}} in the html script.

Mark the comment as a correct answer and also helpful if it helps.

[patricklatella]

Hi Asifnoor,

thanks for the response.  I've tried that as I know generally that's how I can access a value from the server.  However in my script (which I've put the entire HTML below. and the function from the Client script), it's just ignoring the {{c.data.count}}...maybe an issue with my client script...or my HTML?

<div class="panel panel-default">
<div class="panel-heading">
<button class="btn btn-default m-b" ng-click="c.click()">
Refresh
</button>
<div class="form-group">

<div class="form-group">
<label>Search for your name:</label>
<sn-record-picker field="data.user"
table="'sys_user'"
display-field="'name'"
value-field="'sys_id'" search-fields="'user_name,name'"
page-size="100">
</sn-record-picker>
</div>

<div class="form-group">
<label>Description</label>
<input class="form-control" ng-model="c.data.short_description">
</div>

<!--The Submit button-->
<div class="form-group">
<input class="btn btn-primary btn-block" ng-click="c.addItem()" type="submit" value="Enter your information above and click here to Submit">

<!--popup modal-->
<script>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Tech Hub</h4>
</div>
<div class="panel-body wrapper-xl">
Thank you, a ticket has been created on your behalf. You are number {{c.data.count}} in the queue. You will now be redirected to the Tech Hub home screen.
</div>
<div class="panel-footer text-right">
<button class="btn btn-primary" ng-click="c.closeModal()">${Close}</button>
</div>
</div>
</script>
<!--end popup modal-->

</div>
</div>
</div>

here's the Client script that's triggering the modal:

c.server.update().then(function(response){
var queueNumber = c.data.count;//is this in the right spot?
var userName = c.data.name;

//popup modal
c.modalInstance = $uibModal.open({

templateUrl: 'modalTemplate',
scope: $scope
});

//end popup modal

setTimeout(myFunction, 9000);
function myFunction(){
$window.location.href = 'https://dev54219.service-now.com/th_proto?id=techhub_index';
}
c.data = {};
$scope.c.affected_user.value = '';

}) }
}

[asifnoor]

Can you add some alerts and check once

Whether c.data.count is coming in c.server.update() function?

Also, in the html why are you enclosing the model html code inside script tag?

Mark the comment as helpful if it helps.

[patricklatella]

thanks again Asifnoor,

I've added alerts in the client script, so I now my "queueNumber" variable is getting the correct value.  

Regarding the <script> tag...is there a better way to do it?