Angular2 use imported libs from base class
<p>"angular2": "2.0.0-beta.17",</p>

<p>I'd like to be able to <code>import { Http, Response } from 'angular2/http';</code> in my <code>Base</code> and use <code>http</code> in the child classes.</p>

<p>Is there a way to achieve this ?</p>

<p>P.S. I'm not looking for a "clean" solution, hacks, workarounds and things like this are welcome</p>

<p>The base class:</p>

<pre><code>import { Http, Response } from 'angular2/http';

export class ServiceBase {
  constructor (private http: Http) {}

}
</code></pre>

<p>And a child class:</p>

<pre><code>import { ApiServiceBase } from '../../api-service-base';
import { Injectable }     from 'angular2/core';
// import { Http, Response } from 'angular2/http';
import { AuthUser }       from './auth_user';
import { Observable }     from 'rxjs/Observable';
import { Headers, RequestOptions } from 'angular2/http';
import 'rxjs/add/operator/toPromise';

@Injectable()
export class LoginService extends ApiServiceBase {
  constructor () {
    super();
  }
  private url = 'http://localhost:8080/api/signin';

  login (user: AuthUser): Promise&lt;AuthUser&gt; {
    let body = JSON.stringify(user);
    let headers = new Headers({ 'Content-Type': 'application/json' });
    let options = new RequestOptions({ headers: headers });
    return this.http.post(this.url, body, options)
               .toPromise()
               .then(this.extractData)
               .catch(this.handleError);
  }

  private extractData(res: Response) {
    console.log(res);
    if (res.status &lt; 200 || res.status &gt;= 300) {
      throw new Error('Bad response status: ' + res.status);
    }
    let body = res.json();
    return body.data || { };
  }

  private handleError (error: any) {
  }
}
</code></pre>