Built something you're proud of? Tell the story. A quick G2 review of App Engine or Build Agent helps other developers see what's possible on ServiceNow. Share your experience.

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>