vs2015 - Javascript/WinJS. Error with .winControl (undefined or null reference) -

i'm learning (trying) javascript/winjs new vs2015 rc. created uap project , want bind templates.

i have seen few tutorials , examples when try myself error render property.

here code implied (javascript):

    winjs.ui.pages.define("default.html", {         ready: function (element, options) {             var templatecontrol = element.queryselector("#templatecontrol");              var obj = { propone: "text text text", proptwo: 2 };             //fails here             templatecontrol.wincontrol.render(obj,                  element.queryselector("#renderhere"));         }     }); 

code (html):

<div id="renderhere"></div>     <!--template--> <div id="templatecontrol" data-win-control="winjs.binding.template">     <p data-win-bind="innertext:propone"></p>     <p data-win-bind="innertext:proptwo"></p> </div> 

i have 'click' event on 'templatecontrol' , works fine, however, said, wincontrol throw me undefined or null. i'm pretty sure it's me, it's @ preview there it's doubt.

thanks

you don't need use winjs template bind data html, can way:

<div id="someid">     <p data-win-bind="innertext: propone"></p>     <p data-win-bind="innertext: proptwo"></p> </div> 

js:

winjs.ui.pages.define("default.html", {     ready: function (element, options) {         var obj = { propone: "text text text", proptwo: 2 };         winjs.binding.processall(element.queryselector("#someid"), obj);     } }); 

also, wincontrol property set when winjs.ui.processall() done, until it's undefined.

winjs templates best suited use different controls such list, repeater etc.