2017-02-26 17 views
6

任意のコンソールエラー出ますが、ChromeのとFirefoxでこのplunker仕事私が取得メッセージ:formcontrol角度2.エラー:未指定のname属性を持つコントロールを見つけることができません

<ul> 
    <li *ngFor="let item of data"> 
    <label> 
     <input type="radio" name="radio1" 
     [value]="item.id" 
     [formControl]="childControl" 
     (input)="fn($event.target.value)" > 
     <p>{{ item.title }}</p> 
    </label> 
    </li> 
</ul> 

エラーあなたはmyChildテンプレートあなたのnで指定した[formControl]="childControl"を持っているので

は、不特定のname属性

+0

コード:[plunker](https://plnkr.co/edit/hkk0CANKWRmys9R4gZg1?p=preview) – MikeS

+0

私はお詫び申し上げます。私の間違いや不注意。 – MikeS

答えて

3

とコントロールを見つけることができませんMyChildクラスで指定されたFormControlを返します。あなたは私はあなたが入力タグのformControlNameプロパティを使用するように持っていると思うTypeError: v is not a function

0

無関係であるように思わエラーで終わる

export class MyChild implements ControlValueAccessor { 
    @Input() data: any; 
    out: any; 
    childControl = new FormControl(); 

    fn: (value:any) => void; 

    validateFn: any =() => {}; 

    constructor(private _renderer: Renderer, private _elementRef: ElementRef) {} 

    writeValue(value: any): void { 
    this._renderer.setElementProperty(this._elementRef, 'checked', value == this._elementRef.nativeElement.value); 
    } 
    registerOnChange(fn: (value: any) => void) { 
    this.onChange = fn; 
    } 
    registerOnTouched() {} 

} 

しかしその後、私はそれに役立つことを願っています。

関連する問題