действие с ngSubmit не работает в форме Angular8 - PullRequest
0 голосов
/ 25 октября 2019

После обновления моего приложения до angular 8 эта форма входа перестала работать, она работает нормально в Angular7, хотя после отправки действие должно перенаправить и получить jwt с сервера, но оно не отправляет запрос действия

``````html``````

<form action="/callback?client_name=form" method="post" #f="ngForm" (ngSubmit)="onSubmit(f)" novalidate>
    <input type="hidden" class="form-control" id="accId" name="accountId" value="accountId">
    <div class="form-group">
       <label for="username">Username</label>
       <div class="input-group">
          <input type="text" class="form-control" id="username" name="username" ngModel required>
       </div>
    </div>
    <div class="form-group">
       <label for="password">Password</label>
       <div class="input-group">
          <input type="password" class="form-control" id="password" name="password" ngModel required>
       </div>
    </div>
    <div class="form-group">
       <button type="submit" class="btn btn-block btn-primary">
       Sign In</button>
    </div>
    </form>
 `````package.json`````


"dependencies": {
        "@agm/core": "1.0.0-beta.7",
        "@angular/animations": "^8.2.12",
        "@angular/cdk": "^8.2.3",
        "@angular/common": "^8.2.12",
        "@angular/compiler": "^8.2.12",
        "@angular/core": "^8.2.12",
        "@angular/flex-layout": "^7.0.0-beta.24",
        "@angular/forms": "^8.2.12",
        "@angular/material": "^8.2.3",
        "@angular/platform-browser": "^8.2.12",
        "@angular/platform-browser-dynamic": "^8.2.12",
        "@angular/router": "^8.2.12",
        "@auth0/angular-jwt": "^2.1.0",
        "@ng-bootstrap/ng-bootstrap": "^4.1.1",
        "@ngx-translate/core": "^11.0.1",
        "@ngx-translate/http-loader": "^4.0.0",
        "core-js": "2.6.5",
        "intl": "1.2.5",
        "ng-recaptcha": "^4.2.1",
        "ngx-color-picker": "4.5.3",
        "ngx-mask": "^7.9.0",
        "ngx-toastr": "^10.0.2",
        "platform": "1.3.5",
        "reflect-metadata": "0.1.10",
        "rxjs": "^6.4.0",
        "tslib": "^1.9.0",
        "tz-lookup": "^6.1.16",
        "zone.js": "~0.9.1"
    },
    "devDependencies": {
        "@angular-devkit/build-angular": "~0.803.14",
        "@angular/cli": "^8.3.14",
        "@angular/compiler-cli": "^8.2.12",
        "@angular/language-service": "^8.2.12",
        "@types/jasmine": "^3.3.12",
        "@types/moment-timezone": "0.2.34",
        "@types/node": "^11.13.4",
        "alpaca": "1.5.23",
        "chosen-js": "1.8.0",
        "codelyzer": "^5.0.1",
        "detectrtc": "^1.3.5",
        "eonasdan-bootstrap-datetimepicker": "4.17.47",
        "handlebars": "^4.4.3",
        "jasmine-core": "^3.4.0",
        "jasmine-spec-reporter": "^4.2.1",
        "jquery": "^3.4.1",
        "karma": "^4.0.1",
        "karma-chrome-launcher": "^2.2.0",
        "karma-cli": "^2.0.0",
        "karma-coverage-istanbul-reporter": "^1.2.1",
        "karma-jasmine": "^2.0.1",
        "karma-jasmine-html-reporter": "^1.4.0",
        "mobile-detect": "1.3.6",
        "moment": "^2.24.0",
        "moment-timezone": "0.5.13",
        "protractor": "^5.4.2",
        "rxjs-tslint": "^0.1.7",
        "ts-node": "3.0.6",
        "tslint": "^5.15.0",
        "typescript": "~3.5.3"
    }
...