Я создаю приложение. А сейчас я создаю админ-панель для ввода данных с angularfire. Я хочу отправить свои данные в несколько путей данных по выбору пользователя. Я добавил опцию в 'app.component. html'.
...title
<nav>
<a routerLink="add" class="btn btn-primary active" role="button" routerLinkActive="active">Add</a>
...many links
</nav>
<select [(ngModel)]="selectedOption">
<option *ngFor="let o of options">
{{o.name}}
</option>
</select>
<button (click)="print()">Click me</button>
<p>Button output: {{ printedOption }}</p>
<router-outlet></router-outlet>
</div>
Затем я перенес это выбранное значение в 'app.component.ts'.
...imports
export class AppComponent {
players: Observable<any[]>;
constructor(db: AngularFirestore) {
}
selectedOption: string;
public printedOption: string;
options = [
{ name: "inn1", value: 1 },
{ name: "inn2", value: 2 }
]
print() {
this.printedOption = this.selectedOption;
}
public pathto = this.printedOption;
}
Я хочу перенести это значение в служебный файл в папке приложения.
import { Injectable } from '@angular/core';
import { AngularFirestore, AngularFirestoreCollection } from '@angular/fire/firestore';
import { Player } from './player';
import * as AppComponent from '../app.component';
@Injectable({
providedIn: 'root'
})
export class PlayerService {
private dbPath = AppComponent.pathneed + '/players/details';
playersRef: AngularFirestoreCollection<Player> = null;
constructor(private db: AngularFirestore) {
this.playersRef = db.collection(this.dbPath);
}
createPlayer(player: Player): void {
this.playersRef.add({...player});
}
...functions
}
Я хочу изменить dbPath в вышеуказанном файле со значением параметра. Спасибо!