How to call server side data on html side?

[Sin]

Guys am trying to show `name` field from `announcement` table on html side using `<marquee></marquee>` field.

Server script: 

(function() {

var announce=new GlideRecord('announcement');
announce.addQuery('active=true');
announce.query();
while(announce.next()){
data.announcement= announce.name;
console.log(data.announcement);// got data here
}
})();

HTML code:

<div>

<marquee>{{data.announcement}}</marquee>

</div>

I am not getting the data on html code. What I did wrong here?

If I have multiple datas on name field how can I loop it?

[Sin]

yea tried 😞

[Shweta KHAJAPUR]

As you are directly using the data.announcement in HTML, it'll try to fetch the once the form load. Try something as below for testing purpose,

(function() {
data.announcement = 'test';
var announce=new GlideRecord('announcement');
announce.addQuery('active=true');
announce.query();
while(announce.next()){
data.announcement= announce.name; 
console.log(data.announcement);// got data here
}
})();

[Omkar Mone]

Hi 

Got it , Try the below in Server Side Script :- 

(function() {
  /* populate the 'data' object */
  /* e.g., data.table = $sp.getValue('table'); */
	
	var arr=[];
	var announce=new GlideRecord('announcement');
announce.addQuery('active=true');
announce.query();
while(announce.next()){
arr.push( announce.name); 
}
data.announcement = arr.toString();
})();

HTML (same):- 

<div>
<!-- your widget template -->
  <marquee>{{data.announcement}}</marquee>
</div>

[Sin]

Thank you so much.Its working fine. how can I use ng-repeat here to split the values?

[Omkar Mone]

Hi 

Something like :- 

ng-repeat="announcement in data.announcement"

now here announcement will be your iterator like in for(var i=0;i<something;i++) "i" is your iterator.