Aquí hay un problema. Trabajo con el patrón MVVM , lo que significa que tengo algunas vistas solo con lógica de visualización y algunos ViewModels de vista solo con lógica funcional. ViewModels tiene métodos y campos. Y estos campos y métodos pueden ser leídos o llamados por otro ViewModel o por View of ViewModel .
Y me gustaría saber, ¿hay alguna manera de hacer que algunos campos sean visibles solo en View , pero ocultos (privados) en otros ViewModels ?
Necesito algo como esto:
class ViewModel1 { doSomething = () => {...}; // can be called anywhere publicForView doSomethingInView = () => {...}; // can be called only in the View private doSomethingInViewModel = () => {...}; // can be called only here } // view is a HOC-function, which joins ViewModel with View const View1 = view(ViewModel1, ({ viewModel }) => { viewModel.doSomethingInView(); // can be called viewModel.doSomething(); // can be called viewModel.doSomethingInViewModel(); // can't be called return <div/>; }); class ViewModel2 { private viewModel1: ViewModel1; constructor() { viewModel.doSomethingInView(); // can't be called viewModel.doSomething(); // can be called viewModel.doSomethingInViewModel(); // can't be called } }Si desea que una clase en TypeScript exponga solo ciertas partes de una clase, puede crear interfaces, por lo que ahorrar en código duplicado usando Seleccionar / Omitir ayudará a crear las interfaces.
p.ej..
class ViewModel { doSomething = () => {}; doSomethingInView = () => {} doSomethingInViewModel = () => {} } type View = Omit<ViewModel, 'doSomethingInViewModel'> type Model = Omit<ViewModel, 'doSomethingInView'> function doSomethingWithView(view: View) { view.doSomething(); view.doSomethingInView(); //view.doSomethingInViewModel(); will error } function doSomethingWidthModel(model: Model) { model.doSomething(); model.doSomethingInViewModel(); // view.doSomethingInView(); will error } const view = new ViewModel(); //we can pass view to both functions, but the methods will be restricted doSomethingWithView(view); doSomethingWidthModel(view);Ejemplo de trabajo aquí -> TS Playground