объект Карта данных для просмотра функции модели с использованием ko.mapping.fromJS

Question

Я создал нокаутирующий компонент, как расслоение плотной следующим образом:

define(['knockout', 'text!./details.html'], function(ko, htmlString) { 

    function detailsViewModel(params) { 
     var response = getDummyResponse(); 
     // how to extend the view model with ko.mapping.fromJS()? 
    } 

    function getDummyResponse(){ 
     return { 
      foo: 1, 
      bar: 2 
     }; 
    } 

    return { viewModel: detailsViewModel, template: htmlString }; 
}); 

Возвращенный вид модель должна быть функция-конструктор для того, чтобы быть действительным нокаута компонент.

Предположим, что getDummyResponse() возвращает большой объект, который я хочу расширить моделью просмотра, используя ko.mapping.fromJS для отображения данных.

Как бы я это сделал?

Answer 1

Ваше предположение, что вам нужно указать функцию конструктора, неверно. Есть и другие options. Тот, который я предлагаю для вашей ситуации, является фабрикой View Model.

От the relevant docs:

Если вы хотите запустить любую логику установки на соответствующем элементе, прежде чем он связан с ViewModel, или использовать произвольную логику решить, какой ViewModel класс инстанцировать:

ko.components.register('my-component', { 
     viewModel: { 
      createViewModel: function(params, componentInfo) { 
       // - 'params' is an object whose key/value pairs are the parameters 
       // passed from the component binding or custom element 
       // - 'componentInfo.element' is the element the component is being 
       // injected into. When createViewModel is called, the template has 
       // already been injected into this element, but isn't yet bound. 
       // - 'componentInfo.templateNodes' is an array containing any DOM 
       // nodes that have been supplied to the component. See below. 

       // Return the desired view model instance, e.g.: 
       return new MyViewModel(params); 
      } 
     }, 
     template: ... 
    }); 

В заводском методе вы можете использовать ko.mapping, если хотите.