Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

Define value in client script in Service Portal

YashikaG
Tera Contributor

Hello team, how can I define value in client script in Service Portal and how to show it in HTML?

1 ACCEPTED SOLUTION

amitshishod
Tera Guru
Hello @YashikaG ,
Use can use below code. It will work.
var c = this; 
$scope.val = "val1";
c.data.sndval = "val2";
 
HTML:
<p>
    {{c.data.sndval}}
  </p>
  <p>{{val}}</p>
<p ng-bind="data.sndval">
  
</p>
 
<p ng-bind="val">
  
</p>

Please mark my response correct and helpful, if it helps you.
Please reply if any issue happens.

View solution in original post

2 REPLIES 2

amitshishod
Tera Guru
Hello @YashikaG ,
Use can use below code. It will work.
var c = this; 
$scope.val = "val1";
c.data.sndval = "val2";
 
HTML:
<p>
    {{c.data.sndval}}
  </p>
  <p>{{val}}</p>
<p ng-bind="data.sndval">
  
</p>
 
<p ng-bind="val">
  
</p>

Please mark my response correct and helpful, if it helps you.
Please reply if any issue happens.

yuvarajkate
Giga Guru

Steps to Follow:

  1. Define Value in Client Script

    • Use $scope to define and set a value in your client script.
    • Example:
      function($scope) {
          $scope.message = "Hello, Service Portal!";
      }
  2. Show Value in HTML

    • Use AngularJS expressions ({{ }}) to display the value in the HTML template.
    • Example:
      <div>
          {{message}}
      </div>

Full Example:

Client Script

function($scope) {
    // Set the value
    $scope.greeting = "Welcome to the Service Portal!";
}

HTML Template

<div>
    <h2>{{greeting}}</h2>
</div>