Can't see the output on Each

General
1

Wonder what i did wrong in this code. On my .ux the data aren’t being populate in tag. Console log shows the data.

Main.js

var toUX = (function(){
  var temp = [];
  var obj = {};
 function Item(isbn,name){
    this.isbn = isbn;
    this.name=name;
  }
  obj.addItem = function(isbn,name){
  var item = new Item(isbn, name);
   temp.push(item);

  };
  obj.viewItem= function() {
    var tem = [];
     for (i in temp) {
  tem.push(temp[i]);
}

return tem;
}
 return obj;
  }();
toUX.addItem(1234,"ULIB");
  module.exports = {
  toUX
 }


 .UX file

  <StackPanel>
	<Each Items="{toUX.viewItem}">
	<labelList>
		<Text Margin="5" Value="{name}" FontSize="15" Alignment="CenterLeft"/>
	</labelList>
</Each>
2

solved.