从打字稿中的模块注册Knockout.js组件viewmodel

Question

My viewmodel module has several classes, so I want to register a spesific class as component's viewmodel.

And it says: Component 'filter-table': Unknown viewModel value: [object Object]

This is what I have in my viewmodel module

module FilterVM {

export class FilterViewModel {
  //some code
}

class FilterTableViewModel {
} 

class AttributeTableViewModel {
}

class LayerAttributeViewModel {
}

}
export = FilterVM;

And this where I am trying to register

import FilterVM = require('Scripts/App/Components/AttributeTable/ViewModels/FilterViewModel');


ko.components.register('filter-table', {
        viewModel: { require: FilterVM.FilterViewModel },
        template: { require: 'text!Scripts/App/Components/AttributeTable/Views/FilterTableView.html' }
    });

What is wrong with that?

Answer 1

SOLVED

The problem was here viewModel: { require: FilterVM.FilterViewModel }

Should be viewModel: FilterVM.FilterViewModel

Answer 2

require('Scripts/App/Components/AttributeTable/ViewModels/FilterViewModel');

You probably need to change this into a relative path. Even though TypeScript finds it at compile time ... the runtime library may not. Use something like require('../AttributeTable/ViewModels/FilterViewModel'); etc.