Instructions on how to sign up for a worldwide technique that is known as

Question

Instructions on how to sign up for a worldwide technique that is known as

I have a file called globalvars.ts where I added a global method. How can I subscribe to this method in the ts page where it is being called?

globalvars.ts;

httpgetmethod(url:string)
{
  var veri;   
  var headers = new Headers();
  headers.append('Accept', 'application/json');
  headers.append('Content-Type', 'application/json' );
  headers.append('Authorization' , 'Bearer '+ "");
  let options = new RequestOptions({ headers: headers });

  this.http.get(url, options)
  .subscribe(data => {
    console.log( data['_body']);
    veri=data['_body'];
    veri = veri.replace(/\\/g, "");
    veri = JSON.parse(veri);
    return veri;

  });

profile.ts;

globalvars.httpgetmethod("").subscribe;

I want to invoke the subscription here.

Thanks.

angular typescript ionic-framework ionic2

Answer 1

Answer №1

If you're looking for a service in Angular, here's an example of a simple Angular Service:

import { Injectable } from '@angular/core';

import { Hero } from './hero';
import { HEROES } from './mock-heroes';

@Injectable()
export class HeroService {
  getHeroes(): Hero[] {
    return HEROES;
  }
}

To use this service in your app, include it like this:

@NgModule({
  //other metadata properties
  providers: [HeroService]
})

And in your component, you can utilize the service like this:

constructor(private heroService: HeroService) { }

For more information on services in Angular, check out this tutorial and this resource.

UPDATE

Service Example:

getUser(user:string){
    return this.client.get('https://api.github.com/users/'+user);
  }

Component Example:

 constructor(
private service: AngularService) {

    this.weatherService.getUser(term)
      .subscribe((result) => {
        console.log(result);
        this.result = result;
      });

  }

Answer 2

If you're looking for a service in Angular, here's an example of a simple Angular Service:

import { Injectable } from '@angular/core';

import { Hero } from './hero';
import { HEROES } from './mock-heroes';

@Injectable()
export class HeroService {
  getHeroes(): Hero[] {
    return HEROES;
  }
}

To use this service in your app, include it like this:

@NgModule({
  //other metadata properties
  providers: [HeroService]
})

And in your component, you can utilize the service like this:

constructor(private heroService: HeroService) { }

For more information on services in Angular, check out this tutorial and this resource.

UPDATE

Service Example:

getUser(user:string){
    return this.client.get('https://api.github.com/users/'+user);
  }

Component Example:

 constructor(
private service: AngularService) {

    this.weatherService.getUser(term)
      .subscribe((result) => {
        console.log(result);
        this.result = result;
      });

  }

Instructions on how to sign up for a worldwide technique that is known as

Answer №1

Similar questions

What steps can I take to avoid encountering the `@typescript-eslint/unbound-method` error while utilizing the `useFormikContent()` function?

What is the best way to maintain the routerLinkActive state when navigating to another component page that is related to the current page

Tips for ensuring elements within a modal receive immediate focus when opened in Angular 2

How can I ensure I am receiving real-time updates from a Resolver Service by subscribing and staying in sync with the

Top method for managing dates in TypeScript interfaces received from the server

Guide on implementing the Translate service pipe in Angular 2 code

The element you are trying to access, "noUiSlider," does not belong to the type "HTMLElement" and cannot be found

Inject data into an Angular 2 template

<Click here to navigate to page 2> await whenClicked={navigation.navigate("page_2")} />

Access to Angular 7 granted through Gmail authentication

Following the update to Angular 6, an error was encountered: CssSyntaxError:

Access my web application to easily download Jira tickets in XML format with just a single click

Leveraging *ngFor to extract HTML content from ion-label

Is there a source where I can locate type definitions for Promise objects?

Tips for adding a border to a table cell without disrupting the overall structure of the table

What is the best way to convert dates in Angular's DatePipe using moment.js?

Changing a "boolean bit array" to a numerical value using Typescript

Can someone explain how to define "a type of object that must not be empty" in typescript?

Determine the dynamic height of content in a TypeScript file

Initially, when an iframe is loaded in Angular 10, it may display a 404 error page