Страница перезагрузки (ngSubmit) не работает

У меня есть форма.

<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' },
];

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

Lynx 242 18.06.2018 16:00

Спасибо за комментарий. Я пытался без входов и ничего, ngSubmit не работал, если я перезагружал страницу.

Rimander 18.06.2018 16:03

Пожалуйста, добавьте код вашего компонента в свой пост. Не добавляйте это как комментарий. ;)

Lynx 242 18.06.2018 16:05

Добавлено, спасибо за вашу помощь

Rimander 18.06.2018 16:12

Я проверил ваш код на своей машине. Работает отлично. Даже после обновления с помощью CTRL + R или F5. Похоже, проблема на твоей стороне. Какой браузер вы используете?

Lynx 242 18.06.2018 19:29

Я использую Chrome, это проблема? я использую подмаршруты (отредактированный пост)

Rimander 20.06.2018 15:19
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
6
105
0

Другие вопросы по теме