У меня есть форма.
<form class = "row" style = "width: 100%" (ngSubmit) = "inf()">
<div class = "col-md-12">
<div class = "form-group col-md-4">
<label for = "cups">Yep</label>
<input type = "text" class = "form-control" id = "data" [(ngModel)] = "data"
[ngModelOptions] = "{standalone: true}" value = "1">
</div>
</div>
<div class = "col-md-6">
<button type = "submit" class = "btn btn-primary">Search</button>
</div>
</form>
Компонентные данные с функцией inf
import {Component} from '@angular/core';
import {HttpClient} from '@angular/common/http';
@Component({
selector: 'app-info',
styleUrls: ['./info.component.css'],
templateUrl: './info.component.html'
})
export class DataComponent {
public data: string = '1';
public info;
constructor(private http: HttpClient) {
}
inf() {
console.info("Working");
this.http.get('http://xxxxxxxx/data/' + this.data, {responseType: 'json'}).subscribe(res => {
if (Object.keys(res).length > 0) {
this.info = res;
} else {
this.info = null;
}
});
return false;
}
}
Если я перезагружу сайт и попытаюсь выполнить поиск, ничего не получится. (Не показывать "работает" на терминале)
Работает, только если я перейду к этому шаблону с внутренней ссылкой routerLink = ""
Маршруты
const routes: Routes = [
{ path: 'login', component: LoginComponent },
{ path: 'panel', loadChildren: './panel/panel.module#PanelModule' , canActivate: [AuthGuard]},
{ path: '', redirectTo: 'panel', pathMatch: 'full' },
{ path: '**', redirectTo: 'panel' },
];
Спасибо за комментарий. Я пытался без входов и ничего, ngSubmit не работал, если я перезагружал страницу.
Пожалуйста, добавьте код вашего компонента в свой пост. Не добавляйте это как комментарий. ;)
Добавлено, спасибо за вашу помощь
Я проверил ваш код на своей машине. Работает отлично. Даже после обновления с помощью CTRL + R или F5. Похоже, проблема на твоей стороне. Какой браузер вы используете?
Я использую Chrome, это проблема? я использую подмаршруты (отредактированный пост)





Готов поспорить, что обновление вашей страницы сбрасывает
data. Вы привязаны к данным[(ngModel)] = "data". При входе на страницу по роутингу объектdataзаполняется в обычном режиме. Таким образом, отправка будет работать только в том случае, если вы войдете на свою страницу через маршрутизацию. - Решение. Найдите способ пополнить счетdataпосле обновления страницы.