Breaking News: Grepper is joining You.com. Read the official announcement!

angular call component method from service

Wrong Wolf answered on April 27, 2021 Popularity 8/10 Helpfulness 2/10

answer angular call component method from service

related calling angular component method in service

angular call component method from service

Comment

// In the service
export class simpleService{

  private subject = new Subject<any>();
  
  constructor() { }
  // Service message commands
  
  // Read Service Data
  onReadData(data: any){
    this.subject.next(data);
  }
  
  // Send Service Data 
  onSendData() {
    return this.subject.asObservable();
  }
  
}


// In the component you want to send the data to

dataSubscription: Subscription;

constructor(private simpleService: SimpleService){
	this.dataSubscription = this.simpleService.onSendData().subscribe( async (data) => {
      // do whaterver you want with the incoming data
      console.log('incoming data: ', data);
    });
}

Popularity 8/10 Helpfulness 2/10 Language typescript

Source: stackoverflow.com

Tags: angular call service typescript

Link to this answer
Share Copy Link

Contributed on Nov 16 2022

Wrong Wolf

0 Answers Avg Quality 2/10

Closely Related Answers

calling angular component method in service

Comment

// -------------------------------------------------------------------------------------
// codes for component
import { JustAService} from '../justAService.service';
@Component({
  selector: 'app-cute-little',
  templateUrl: './cute-little.component.html',
  styleUrls: ['./cute-little.component.css']
})
export class CuteLittleComponent implements OnInit {
  s: JustAService;
  a: number = 10;
  constructor(theService: JustAService) {
    this.s = theService;
  }

  ngOnInit() {
    this.s.onSomethingHappended(this.doThis.bind(this));
  }

  doThis() {
    this.a++;
    console.log('yuppiiiii, ', this.a);
  }
}
// -------------------------------------------------------------------------------------
// codes for service
@Injectable({
  providedIn: 'root'
})
export class JustAService { 
  private myFunc: () => void;
  onSomethingHappended(fn: () => void) {
    this.myFunc = fn;
    // from now on, call myFunc wherever you want inside this service
  }
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: angular

Link to this answer
Share Copy Link

Contributed on Apr 27 2021

smilingSamurai

0 Answers Avg Quality 2/10

angular call component method from service

Contents

More Related Answers

angular call component method from service

Closely Related Answers

calling angular component method in service

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.