1

enter image description hereForm Submit Error - Угловая 2 Javascript

Может кто-нибудь проверить эту ссылку на изображение и объясните мне, почему эта ошибка приходит после отправки формы. Я отправил форму с использованием (submit) и перешел на следующую страницу, используя this.router.navigate(['/Todos']);. Вот мой код,

login.html

<form #simpleForm="ngForm" (submit)="onSubmit(simpleForm, user)" novalidate> 

    <div> 
     <input type="text" placeholder="Name" [(ngModel)]="user.name" ngControl="name" #name="ngForm" required /> 
    </div> 

    <button type="submit">Login</button> 

</form> 

login.js

(function (app) { 

    app.LoginComponent = ng.core 
      .Component({ 
       selector: 'login', 
       templateUrl: 'login.html', 
      }) 
      .Class({ 
       constructor: [ng.router.Router, function (router) { 
        this.router = router; 
        this.user = {}; 
       }], 
       onSubmit: function (form, user) { 
        this.router.navigate(['/Todos']); 
       }, 
      }); 

    ng.router.CanActivate(function (next, prev) { 
     return true; //return false to cancel navigation 
    })(app.LoginComponent); 

})(window.app || (window.app = {})); 
+0

В редакторе есть кнопка панели инструментов, чтобы добавить изображения, зачем добавлять ссылку? Ссылка в конечном итоге сломается и сделает вопрос бесполезным для будущих посетителей. Ошибка должна быть добавлена ​​как текст непосредственно к вопросу в любом случае, чтобы сделать его доступным для поиска. –

ответ

1

Это известная проблема https://github.com/angular/angular/issues/6786

Использование setTimeout() работать вокруг

onSubmit: function (form, user) { 
    setTimeout(()=>{ 
    this.router.navigate(['/Todos']); 
    }, 10); 
}, 
+1

Отлично. Это работает. Благодарю. И я удалил ссылку на изображение и добавил изображение в свой вопрос. –