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

calling angular component method in service

smilingSamurai answered on April 27, 2021 Popularity 9/10 Helpfulness 4/10

answer calling angular component method in service

related angular call component method from service

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 javascript service

Link to this answer
Share Copy Link

Contributed on Apr 27 2021

smilingSamurai

0 Answers Avg Quality 2/10

Closely Related Answers

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 cal

Link to this answer
Share Copy Link

Contributed on Nov 16 2022

Wrong Wolf

0 Answers Avg Quality 2/10

calling angular component method in service

Contents

More Related Answers

calling angular component method in service

Closely Related Answers

angular call component method from service

Grepper

Documentation

Social

Legal

Contact

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