声明私有实例成员函数后，不允许出现公共实例成员函数的声明

Question

With angular2 app i have installed tslint extension for my vs code,

The app works fine, but tslint shows the line to correct,

import { Injectable } from '@angular/core';
@Injectable()
export class UserProfileService{
    constructor() {

    }
    getProfile() {
         return this.profile;
    }
    profile: Object = {
     profilePic: 'http://www.appresume.com/cv_templates/cv_2_1/conf/images/profile.jpg',
     firstName: 'John',
     lastName:'Doe',
     detailUrl : ''
  };
}

what is the fix?

Answer 1

It's good practice to scope your methods and variables as public, protected or private. TsLint has an opinion on how you order them usually in that very order.

Therefore move your object above your constructor define it as private (I assume it is as you have a method to return it) and define getProfile() as public leave that under your constructor. TsLint doesn't seem to care about the Constructor so doesn't need one but can have one if you want it to.

Hope that helps.