2017-02-15 5 views
3

同様の状況がありますが、上記の修正は機能しません。ここに私の場合のディレクトリツリーがあります。フォームはアプリのサブコンポーネントです。テスト角度2のアプリケーションが失敗する

directory structure app

app.component.html:基本的にはサブコンポーネント 'フォーム' を呼び出している

<div class="jumbotron">                   
    <div class="container">                   
     <h1>Simple Curl request</h1>                 
    </div>                       
</div>                        
<div class="container">                   
    <app-form></app-form>                   
</div> 

。 そして、私たちは[formGroup]を呼び出して上記のようなエラーが発生します。

それはエラーで失敗します。

Can't bind to 'formGroup' since it isn't a known property of 'form'."

form.component.tsはヘッダーが含まれています

import { FormBuilder, Validators, FormGroup, FormControl } from '@angular/forms'; 

form.component.htmlは含まれています

<div class="card-block">                 | 
     <form [formGroup]="cform" (ngSubmit)="doRequest($event)">        | 
     <div class="card form-group">               | 
      <div class="card-header">               | 
      Authentication                 | 
      </div>                    | 
      <div class="card-block">               | 
      <div class="form-group" formGroupName="authentication">       | 
       <label for="">Type</label>              | 
       <select formCon .... 

そして、そこをformGroupが記載されています.... 機能的に問題はありませんが、テストケースは失敗しますs ...... なぜ????????

+1

[formGroup]にはバインドできません( 'form'の既知のプロパティではないため)。(http://stackoverflow.com/questions/39152071/cant-bind-to-formgroup-since -it-an-known-of-form-of-form) – Adam

+0

'FormModule'をテストモジュールにインポートしていますか? – Adam

+0

あなたは仕様テストベッドの初期化をポストしてもらえますか?いいえ、ありがとうございます。 –

答えて

2

あなたは、テストの設定をしているあなたは、モジュール設定がそのようにあなたはとても基本的に、テストの設定で、あなたが必要なすべての情報を提供しなければならないテストの設定で

TestBed.configureTestingModule({ 
     declarations: [Component1, Component2IfUsed], 
     providers: [ApiService 
     MockBackend, BaseRequestOptions], 
     imports: [ 
     FormsModule, 
     ReactiveFormsModule 
     ] 
    }) 

をロードするために必要なものすべてを教えてくれていることを確認してくださいロードされていません依存性注入。

+0

ありがとうVolodymyr。これは、コア角度フレームワークのドキュメントで十分に文書化されているはずであり、そうではありません。難しく混乱させます。私はコンポーネントのセットアップのための角度cliを使用しています... – user1102171

+0

それはCLIとは何も関係がありません、アイデアは、あなたがモックするいくつかのモジュールがあるため、あなたは何をブートストラップするかを知る必要があります。 –

+0

私は角張ったクリはそれとは関係ないことを知っています。しかし、デフォルトでコードを生成するツールを作成すると、自動テストケースを正常に実行するためのテンプレートが生成されるはずです。その観点から、ツールユーティリティが増加します。それは、角度cliの場合ではありません... – user1102171

関連する問題