Нет директивы с «exportAs», установленной на «ngForm» для ‹form name=

Я тестирую шаблонную форму в Angular. Но это дает мне эту ошибку ** Нет директивы с «exportAs», установленным на «ngForm» ** Я импортировал FormsModule и ReactiveFormsModule в app.module.ts, а также в мой ....module.ts, который является другим подмодулем внутри папки, где находится файл, который я хочу протестировать, используя следующие строки:

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

And this:

@NgModule({
    imports: [
        BrowserModule,
        OncosupAppRoutingModule,
        Ng2Webstorage.forRoot({ prefix: 'jhi', separator: '-'}),
        OncosupSharedModule,
        OncosupHomeModule,
        OncosupAdminModule,
        OncosupAccountModule,
        OncosupEntityModule,
        FormsModule,
        ReactiveFormsModule,
    ],

And my form starts like this:

<form name="editForm" role="form" novalidate (ngSubmit)="save()" #editForm="ngForm">

Затем ошибка продолжается, как показано ниже, если вам нужна дополнительная информация.

        Can't bind to 'ngValue' since it isn't a known property of 'option'. ("p
aciente.hospitalId" >
                        <option [ngValue]="null"></option>
                        <option [ERROR ->][ngValue]="hospitalOption.id" *ngFor="
let hospitalOption of hospitals; trackBy: trackHospitalById">{{"): ng:///Dynamic
TestModule/PacienteDialogComponent.html@188:24
        Error: Template parse errors:
            at syntaxError (webpack:///node_modules/@angular/compiler/esm5/compi
ler.js:485:21 <- spec/entry.ts:63150:34)
            at TemplateParser.parse (webpack:///node_modules/@angular/compiler/e
sm5/compiler.js:24661:0 <- spec/entry.ts:87326:19)
            at JitCompiler._parseTemplate (webpack:///node_modules/@angular/comp
iler/esm5/compiler.js:34601:0 <- spec/entry.ts:97266:37)
            at JitCompiler._compileTemplate (webpack:///node_modules/@angular/co
mpiler/esm5/compiler.js:34576:0 <- spec/entry.ts:97241:23)
            at webpack:///node_modules/@angular/compiler/esm5/compiler.js:34477:
47 <- spec/entry.ts:97142:62
            at Set.forEach (<anonymous>)
            at JitCompiler._compileComponents (webpack:///node_modules/@angular/
compiler/esm5/compiler.js:34477:0 <- spec/entry.ts:97142:19)
            at webpack:///node_modules/@angular/compiler/esm5/compiler.js:34365:
0 <- spec/entry.ts:97030:19
            at Object.then (webpack:///node_modules/@angular/compiler/esm5/compi
ler.js:474:32 <- spec/entry.ts:63139:77)
            at JitCompiler._compileModuleAndAllComponents (webpack:///node_modul
es/@angular/compiler/esm5/compiler.js:34363:0 <- spec/entry.ts:97028:26)
        Error: Template parse errors:
        There is no directive with "exportAs" set to "ngForm" ("<form name="edit
Form" role="form" novalidate (ngSubmit)="save()" [ERROR ->]#editForm="ngForm">
            <div class="modal-header">
                <h4 class="modal-title" id="myPacienteLa"): ng:///DynamicTestMod
ule/PacienteDialogComponent.html@0:65
        'jhi-alert-error' is not a known element:
        1. If 'jhi-alert-error' is an Angular component, then verify that it is
part of this module.
        2. If 'jhi-alert-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCH
EMA' to the '@NgModule.schemas' of this component to suppress this message. ("
            </div>
            <div class="modal-body">
                [ERROR ->]<jhi-alert-error></jhi-alert-error>
                <div class="half-block">
                        <div class="form-grou"): ng:///DynamicTestModule/Pacient
eDialogComponent.html@7:8
        Can't bind to 'ngModel' since it isn't a known property of 'input'. ("
        <input type="text" class="form-control" name="nombre" id="field_nombre"
                                [ERROR ->][(ngModel)]="paciente.nombre" required
/>
                            <div [hidden]="!(editForm.controls.nombre?.dir"): ng
:///DynamicTestModule/PacienteDialogComponent.html@12:17
        Can't bind to 'ngModel' since it isn't a known property of 'input'. ("
  <input type="text" class="form-control" name="apellidos" id="field_apellidos"
                                [ERROR ->][(ngModel)]="paciente.apellidos" requi
red/>
                            <div [hidden]="!(editForm.controls.apellido"): ng://
/DynamicTestModule/PacienteDialogComponent.html@24:17
        There is no directive with "exportAs" set to "ngbDatepicker" ("t id="fie
ld_fechaNacimiento" type="text" class="form-control" name="fechaNacimiento" ngbD
atepicker  [ERROR ->]#fechaNacimientoDp="ngbDatepicker" [(ngModel)]="paciente.fe
chaNacimiento"
                                required/"): ng:///DynamicTestModule/PacienteDia
logComponent.html@38:122
        Can't bind to 'ngModel' since it isn't a known property of 'input'. ("te
xt" class="form-control" name="fechaNacimiento" ngbDatepicker  #fechaNacimientoD
p="ngbDatepicker" [ERROR ->][(ngModel)]="paciente.fechaNacimiento"
                                required/>
                                <span class="in"): ng:///DynamicTestModule/Pacie
nteDialogComponent.html@38:157
        Can't bind to 'ngModel' since it isn't a known property of 'select'. ("p
aciente.sexo" for="field_sexo">Sexo</label>
                            <select class="form-control" name="sexo" [ERROR ->][
(ngModel)]="paciente.sexo" id="field_sexo"  required>
                                <option value="VARON">{{'onc"): ng:///DynamicTes
tModule/PacienteDialogComponent.html@53:54
        The pipe 'translate' could not be found ("o" [(ngModel)]="paciente.sexo"
 id="field_sexo"  required>
                                <option value="VARON">{{[ERROR ->]'oncosupApp.Se
xo.VARON' | translate}}</option>
                                <option value="MUJER">{{'oncosupApp."): ng:///Dy
namicTestModule/PacienteDialogComponent.html@54:41
        The pipe 'translate' could not be found ("="VARON">{{'oncosupApp.Sexo.VA
RON' | translate}}</option>
                                <option value="MUJER">{{[ERROR ->]'oncosupApp.Se
xo.MUJER' | translate}}</option>
                            </select>
                            <div [hidden]="!"): ng:///DynamicTestModule/Paciente
DialogComponent.html@55:41
        Can't bind to 'ngModel' since it isn't a known property of 'input'. (">
                            <input type="text" class="form-control" name="nhc" i
d="field_nhc"
                                [ERROR ->][(ngModel)]="paciente.nhc" maxlength="
38" pattern="[0-9]+"/>
                            <div [hidden]="!(editForm."): ng:///DynamicTestModul
e/PacienteDialogComponent.html@70:17
        Can't bind to 'ngModel' since it isn't a known property of 'input'. (">
                            <input type="text" class="form-control" name="nss" i
d="field_nss"
                                [ERROR ->][(ngModel)]="paciente.nss" maxlength="
20"/>
                            <div [hidden]="!(editForm.controls.nss?.dir"): ng://
/DynamicTestModule/PacienteDialogComponent.html@85:17
        Can't bind to 'ngModel' since it isn't a known property of 'input'. ("e=
"text" class="form-control" name="tarjetaSanitaria" id="field_tarjetaSanitaria"
                                [ERROR ->][(ngModel)]="paciente.tarjetaSanitaria
" maxlength="20"/>
                            <div [hidden]="!(editForm.cont"): ng:///DynamicTestM
odule/PacienteDialogComponent.html@99:17
        Can't bind to 'ngModel' since it isn't a known property of 'input'. ("
                            <input type="text" class="form-control" name="cipa"
id="field_cipa"
                                [ERROR ->][(ngModel)]="paciente.cipa" maxlength=
"20"/>
                            <div [hidden]="!(editForm.controls.cipa?.d"): ng:///
DynamicTestModule/PacienteDialogComponent.html@110:17
        Can't bind to 'ngModel' since it isn't a known property of 'input'. ("
    <input type="text" class="form-control" name="telefono" id="field_telefono"
                                [ERROR ->][(ngModel)]="paciente.telefono" />
                        </div>
                        <div class="form-group half-item">
        "): ng:///DynamicTestModule/PacienteDialogComponent.html@125:17
        Can't bind to 'ngModel' since it isn't a known property of 'input'. ("-z
A-Z0-9-]+(\.[a-zA-Z0-9-]+)*" class="form-control" name="email" id="field_email"
                                [ERROR ->][(ngModel)]="paciente.email" />
                        </div>
                </div>
        "): ng:///DynamicTestModule/PacienteDialogComponent.html@130:17
        Can't bind to 'ngModel' since it isn't a known property of 'select'. ("d
</label>
                        <select class="form-control" id="field_nacionalidad" nam
e="nacionalidad" [ERROR ->][(ngModel)]="paciente.nacionalidadId" >
                            <option [ngValue]="null"></option>
            "): ng:///DynamicTestModule/PacienteDialogComponent.html@137:89
        Can't bind to 'ngValue' since it isn't a known property of 'option'. ("i
onalidad" name="nacionalidad" [(ngModel)]="paciente.nacionalidadId" >
                            <option [ERROR ->][ngValue]="null"></option>
                            <option [ngValue]="nacionalidadOption.id" *ngFor="le
t"): ng:///DynamicTestModule/PacienteDialogComponent.html@138:28
        Can't bind to 'ngValue' since it isn't a known property of 'option'. ("i
onalidadId" >
                            <option [ngValue]="null"></option>
                            <option [ERROR ->][ngValue]="nacionalidadOption.id"
*ngFor="let nacionalidadOption of nacionalidads; trackBy: trackNaci"): ng:///Dyn
amicTestModule/PacienteDialogComponent.html@139:28
        Can't bind to 'ngModel' since it isn't a known property of 'select'. ("f
ield_etnia">Etnia</label>
                            <select class="form-control" id="field_etnia" name="
etnia" [ERROR ->][(ngModel)]="paciente.etniaId" >
                                <option [ngValue]="null"></option>
                             "): ng:///DynamicTestModule/PacienteDialogComponent
.html@144:72
        Can't bind to 'ngValue' since it isn't a known property of 'option'. ("m
-control" id="field_etnia" name="etnia" [(ngModel)]="paciente.etniaId" >
                                <option [ERROR ->][ngValue]="null"></option>
                                <option [ngValue]="etniaOption.id" *ngFor="let e
tniaOpti"): ng:///DynamicTestModule/PacienteDialogComponent.html@145:25
        Can't bind to 'ngValue' since it isn't a known property of 'option'. (""
paciente.etniaId" >
                                <option [ngValue]="null"></option>
                                <option [ERROR ->][ngValue]="etniaOption.id" *ng
For="let etniaOption of etnias; trackBy: trackEtniaById">{{etniaOption."): ng://
/DynamicTestModule/PacienteDialogComponent.html@146:25
        Can't bind to 'ngModel' since it isn't a known property of 'select'. ("l
d_comunidadActual" name="comunidadActual" (change)="onComunidadActual(paciente.c
omunidadActualId)" [ERROR ->][(ngModel)]="paciente.comunidadActualId" >
                                <option [ngValue]="null"></option>
                   "): ng:///DynamicTestModule/PacienteDialogComponent.html@155:
149
        Can't bind to 'ngValue' since it isn't a known property of 'option'. ("l
(paciente.comunidadActualId)" [(ngModel)]="paciente.comunidadActualId" >
                                <option [ERROR ->][ngValue]="null"></option>
                                <option [ngValue]="comunidadAutonomaOption.id" *
ngFor="l"): ng:///DynamicTestModule/PacienteDialogComponent.html@156:25
        Can't bind to 'ngValue' since it isn't a known property of 'option'. ("c
omunidadActualId" >
                                <option [ngValue]="null"></option>
                                <option [ERROR ->][ngValue]="comunidadAutonomaOp
tion.id" *ngFor="let comunidadAutonomaOption of comunidadesAutonomas; t"): ng://
/DynamicTestModule/PacienteDialogComponent.html@157:25
        Can't bind to 'ngModel' since it isn't a known property of 'select'. ("l
abel>
                            <select class="form-control" id="field_provinciaActu
al" name="provinciaActual" [ERROR ->][(ngModel)]="paciente.provinciaActualId" >
                                <option [ngValue]="null"></option>
                   "): ng:///DynamicTestModule/PacienteDialogComponent.html@162:
92
        Can't bind to 'ngValue' since it isn't a known property of 'option'. ("A
ctual" name="provinciaActual" [(ngModel)]="paciente.provinciaActualId" >
                                <option [ERROR ->][ngValue]="null"></option>
                                <option [ngValue]="provinciaPaisOption.id" *ngFo
r="let p"): ng:///DynamicTestModule/PacienteDialogComponent.html@163:25
        Can't bind to 'ngValue' since it isn't a known property of 'option'. ("p
rovinciaActualId" >
                                <option [ngValue]="null"></option>
                                <option [ERROR ->][ngValue]="provinciaPaisOption
.id" *ngFor="let provinciaPaisOption of provinciasPaisActual; trackBy: "): ng://
/DynamicTestModule/PacienteDialogComponent.html@164:25
        Can't bind to 'ngModel' since it isn't a known property of 'select'. ("i
co" name="comunidadDiagnostico" (change)="onComunidadDiagnostico(paciente.comuni
dadDiagnosticoId)" [ERROR ->][(ngModel)]="paciente.comunidadDiagnosticoId" >
                            <option [ngValue]="null"></optio"): ng:///DynamicTes
tModule/PacienteDialogComponent.html@171:172
        Can't bind to 'ngValue' since it isn't a known property of 'option'. ("m
unidadDiagnosticoId)" [(ngModel)]="paciente.comunidadDiagnosticoId" >
                            <option [ERROR ->][ngValue]="null"></option>
                            <option [ngValue]="comunidadAutonomaOption.id" *ngFo
r"): ng:///DynamicTestModule/PacienteDialogComponent.html@172:28
        Can't bind to 'ngValue' since it isn't a known property of 'option'. ("a
gnosticoId" >
                            <option [ngValue]="null"></option>
                            <option [ERROR ->][ngValue]="comunidadAutonomaOption
.id" *ngFor="let comunidadAutonomaOption of comunidadesAutonomas; t"): ng:///Dyn
amicTestModule/PacienteDialogComponent.html@173:28
        Can't bind to 'ngModel' since it isn't a known property of 'select'. ("
          <select class="form-control" id="field_provinciaDiagnostico" name="pro
vinciaDiagnostico" [ERROR ->][(ngModel)]="paciente.provinciaDiagnosticoId" >
                            <option [ngValue]="null"></optio"): ng:///DynamicTes
tModule/PacienteDialogComponent.html@178:105
        Can't bind to 'ngValue' since it isn't a known property of 'option'. (""
provinciaDiagnostico" [(ngModel)]="paciente.provinciaDiagnosticoId" >
                            <option [ERROR ->][ngValue]="null"></option>
                            <option [ngValue]="provinciaPaisOption.id" *ngFor="l
e"): ng:///DynamicTestModule/PacienteDialogComponent.html@179:28

Есть что-то еще, что я должен знать??

10.05.2018

Ответы:

в поля ввода..

где у вас есть [(ngModel)]="aaa" , вы должны иметь name="aaa"

ngModel и name должны иметь одинаковые значения.

10.05.2018

И где у меня есть ngValue, что я должен поставить, потому что это та же ошибка?? И где вы основываетесь на этом?? 11.05.2018

Вы можете попробовать импортировать CommonModule в app.module.ts.

import { CommonModule } from '@angular/common';

10.05.2018

нет такой же результат 10.05.2018

Вы также можете другие ошибки. Попробуйте использовать ‹option [value]=hospitalOption.id''›‹/option› вместо ‹option [ngValue]=hospitalOption.id› 10.05.2018

Я это сделал. Теперь ошибка такова: невозможно связать с «ngModel», так как это не известное свойство «ввода». 10.05.2018

Кажется, что он не принимает никаких привязок ngModule, ngValue... Но у меня есть все права импорта 10.05.2018

У меня та же ошибка, чтобы исправить это, я добавил импорт FormsModule в тестовую конфигурацию.

Ваш тест по умолчанию должен выглядеть так:

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [FormComponent],
      imports: [FormsModule] >>> add this import!
    })
      .compileComponents();
  }));

20.02.2019

Новые материалы

Кластеризация: более глубокий взгляд

Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

Как написать эффективное резюме

Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

Частный метод Python: улучшение инкапсуляции и безопасности

Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

Как я автоматизирую тестирование с помощью Jest

Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)

Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

Понимание расстояния Вассерштейна: мощная метрика в машинном обучении

В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot

В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..

Machine Learning JavaScript Blockchain Artificial Intelligence Data Science Cryptocurrency Software Development Python Web Development Coding Deep Learning AI Bitcoin React Software Engineering Ethereum Web3 Business Crypto Nodejs Solidity Development Front End Development Data Finance Money Java Trading Typescript Smart Contracts Productivity Tech Startup Investing Neural Networks Developer Computer Science NLP

Нет директивы с «exportAs», установленной на «ngForm» для ‹form name=

Ответы:

Новые материалы

Кластеризация: более глубокий взгляд

Как написать эффективное резюме

Частный метод Python: улучшение инкапсуляции и безопасности

Как я автоматизирую тестирование с помощью Jest

Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)

Понимание расстояния Вассерштейна: мощная метрика в машинном обучении

Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot

Теги