Angular Services vs Models

dms-document-model.ts

export class DmsDocumentModel {
 ...   
 isReference: boolean; 
 ...

constructor(data: any, $injector: ng.auto.IInjectorService) {
  const refService = $injector.get("refService") as RefService; // Non-angular class injects Angular services
  this._isReference(); 
 }

 private _isReference(): boolean {
   this.isReference = refService.isRef(); // this makes an XHR call to the backend etc.
 }
}

document.model.ts

// The keys are default (defined in the class), the values come from the backend. An example:

export class DocumentModel {
 ...   
 isReference: boolean; 
 ...

constructor(data: any, $injector: ng.auto.IInjectorService) {
  refService = $injector.get("refService") as RefService; // My gripe - think non-angular classes shouldn't inject Angular services
  this._isReference(); 
 }

 private _isReference(): boolean {
   this.isReference = refService.isRef(); // this makes an http call to the backend
 }
}
// So the injected services are basically fetching data and assigning it to the keys.

user.model.ts

export class User {

private id: number;  
private firstName: string;

 constructor(id: number, firstName: string, public http: HttpClient) {  
    [this.id](http://this.id) = id;  
    this.firstName = firstName;  
 }

  get avatar() {  
    return this.http.get(`/users/${[this.id](http://this.id)}/avatar`);  
  }  
}