Ошибка: нет значения аксессора для имени "selectedText" - PullRequest
0 голосов
/ 20 сентября 2018

Когда я пишу модульный тест для создания компонента в угловом формате, эта ошибка отображается

"ошибка: нет доступа к значению для элемента управления формы" selectedText ".

Если я заменю <p-editor> на <input>, это сработает. Но я не хочу этого делать. Пожалуйста, помогите мне с объяснением кода, если это возможно.

app.html

<p-editor [ngModel]="selectedText" formControlName=""selectedtext">

app.ts

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

...

constructor(public Form: FormBuilder) {}

this.eventForm = this.form.group({
  selectedText: [''];
})

...

app.spec.ts

import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { AppComponent } from './app.component';
import { FormsModule,FormGroup,FormBuilder} from '@angular/forms'

describe('AppComponent', () => {
      let component: FirstpageComponent;
      let fixture: ComponentFixture < FirstpageComponent > ;

      beforeEach(async(() => {
        TestBed.configureTestingModule({
          declarations: [AppComponent]
        })
        imports: [FormsModule, HttpModule]
          .compileComponents();
      }));

      beforeEach(() => {
        fixture = TestBed.createComponent(AppComponent);
        component = fixture.componentInstance;
        fixture.detectChanges();
      });
      fit("should be defined", () => {
        expect(component).toBeDefined();
      })

Ответы [ 2 ]

0 голосов
/ 21 сентября 2018

Добро пожаловать KISHORE R,

Вы не можете передать formControlName p-редактору, потому что это не элемент formcontrol, а компонент.Просто тебе нужно это

<p-editor [ngModel]="selectedText">
0 голосов
/ 20 сентября 2018

Вы должны проверить, правильно ли вы регистрируете все свои импорт и регистраций модулей .

Первый :

Проверьте, зарегистрирован ли ваш app.module.ts FormsModule внутри декоратора @NgModule, например:

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

@NgModule({
    imports: [ FormsModule ]
)}

секунда

Убедитесь, что все необходимые модули начального уровня зарегистрированы..

...