vs2015 - Javascript/WinJS. Ошибка с .winControl (неопределенная или нулевая ссылка)

Question

Я изучаю (пытается) JavaScript/WinJS с новым VS2015 RC. Я создал проект UAP, и я хочу связать шаблоны.

Я видел несколько учебников и примеров, но при попытке самостоятельно получить эту ошибку с помощью свойства render.

Вот код подразумеваемые (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")); 
     } 
    }); 

код (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> 

У меня есть 'нажмите кнопку' событие на 'TemplateControl' и работает нормально, однако, как я сказал, winControl задает мне неопределенный или нулевой. Я почти уверен, что это я, но это все на превью, так что это сомнение.

Благодаря

Answer 1

Вам не нужно использовать WinJS шаблон для связывания данных с HTML, вы можете сделать это следующим образом:

<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); 
    } 
}); 

Кроме того, winControl свойство устанавливается, когда WinJS.UI.processAll() сделано, до тех пор оно не определено.

WinJS шаблоны лучше всего подходят для использования с различными элементами управления, такими как список, повторитель и т.д.