ember-cli-typescript
Search…
Working with route models
We often use routes’ models throughout our application, since they’re a core ingredient of our application’s data. As such, we want to make sure that we have good types for them!
We can start by defining some type utilities to let us get the resolved value returned by a route’s model hook:
1
import Route from '@ember/routing/route';
2
3
/**
4
Get the resolved type of an item.
5
6
- If the item is a promise, the result will be the resolved value type
7
- If the item is not a promise, the result will just be the type of the item
8
*/
9
export type Resolved<P> = P extends Promise<infer T> ? T : P;
10
11
/** Get the resolved model value from a route. */
12
export type ModelFrom<R extends Route> = Resolved<ReturnType<R['model']>>;
Copied!
How that works:
Resolved<P>says "if this is a promise, the type here is whatever the promise resolves to; otherwise, it's just the value"ReturnType<T>gets the return value of a given functionR['model'](whereRhas to beRouteitself or a subclass) uses TS's mapped types to say "the property namedmodelonR
Putting those all together,
ModelFrom<Route> ends up giving you the resolved value returned from the model hook for a given route:1
type MyRouteModel = ModelFrom<MyRoute>;
Copied!
model on the controller
model on the controllerWe can use this functionality to guarantee that the
model on a Controller is always exactly the type returned by Route::model by writing something like this:1
import Controller from '@ember/controller';
2
import MyRoute from '../routes/my-route';
3
import { ModelFrom } from '../lib/type-utils';
4
5
export default class ControllerWithModel extends Controller {
6
declare model: ModelFrom<MyRoute>;
7
}
Copied!
Now, our controller’s
model property will always stay in sync with the corresponding route’s model hook.Note: this only works if you do not mutate the
model in either the afterModel or setupController hooks on the route! That's generally considered to be a bad practice anyway. If you do change the type there, you'll need to define the type in some other way and make sure your route's model is defined another way.Last modified 1yr ago
Export as PDF
Copy link
Edit on GitHub
Contents
model on the controller