如何更改service.ts angular中的变量值？

Question

I'm pretty new as a programmer and with the angular framework too, so the question can be very obvious.

I have a service.ts file that runs CRUD with firebase and inside Firebase I am performing a filter that depends on the value of the variable " this.machine ". Depending on the machine name a filter is performed and shows data only from this machine.

This is a part of the code:

@Injectable()
export class CrudCadastroService {
  public machineList: Machine[];
  cadastroList: AngularFireList<any>;
  selectedCadastro: CadastroModal = new CadastroModal();
  machine: string;

  constructor(
    private firebase :AngularFireDatabase
   ) { }

  getData(){
    this.cadastroList = this.firebase.list('cadastros', ref => ref.orderByChild('machine').equalTo(**this.machine**));  
    return this.cadastroList;
  }

I have another service.ts that push list from Firebase database and I'm using in component.ts.

In this file componete.ts I get the value of this variable.

  changeShape(shape) {
   //Get name machine value
   //I want to use this variable **machine** into service.ts
    let machine= shape.value;
    console.log(machine) //name of machine
  }

This is my html

<div class="form-group">
  <select name="machine" #machine="ngModel [(ngModel)]="cadastroService.selectedCadastro.machine"
  (change)="changeShape($event.target)" >
    <option *ngFor="let machine of machineList"
    >{{machine.name}}</option>
  </select>
</div>

My question is, can I change the value of this.machine in the service.ts file? Is there any different way of doing this logic?

Answer 1

您可以在service.ts和component.ts中创建setter方法，然后再调用以获取该计算机的列表，然后将setter方法调用为计算机值。

Answer 2

在打字稿中，默认情况下访问器是公共的，因此，如果将CrudCadastroService作为“ crudCastroService”注入到组件中，则只需更改其在component.ts中的值即可。

this.crudCastroService.machine = 'newName';