Я создал приложение для калькуляции закладок на одну страницу в Angular 2, которое действует как обучающая площадка для меня (пытаясь привыкнуть к стеку технологий, который в настоящее время используется на работе)... Он работает на http://www.mortgagecalculator123.com, если вы хотите посмотреть на него. Я сделал его открытым исходным кодом с помощью ссылки Fork Me прямо на странице, если вы хотите посмотреть на нее.
Во всяком случае, то, что я хочу сделать, - это возможность передавать переменные в мое приложение прямо из URL-адреса, чтобы их можно было использовать моим приложением Angular 2. Что-то вроде этого: http://www.mortgagecalculator123.com/?var1=ABC&var2=DEF
Я пробовал следовать, в моем app.component.ts, я добавил следующее:
import { Router, ActivatedRoute, Params } from '@angular/router';
AppComponent {
private var1: string;
private var2: string;
constructor(
private route: ActivatedRoute,
private router: Router
) {}
ngOnInit() {
this.route.params.forEach((params: Params) => {
this.var1 = params['var1'];
this.var2 = params['var2'];
});
console.log(this.var1, this.var2);
}
...
}
Но это не сработает, когда я запустил npm start, я получаю следующую ошибку:
aot/app/app.component.ngfactory.ts(45,30): ошибка TS2346: Поставляемые параметры не соответствуют какой-либо сигнатуре целевого вызова.
Спасибо, любая помощь будет очень признательна.