角2 RC2ラジオボタンのバインディングが壊れています

Question

私はこのソリューションをラジオボタンバインディングに使用しました。Angular2 - Radio Button BindingそれはRC1の下でうまくいった。

しかし、私はAngular2 RC2にアップグレードしました。コンパイルエラーがあります

app/shared/services/radio.value.accessor.ts(22,5): error TS2345: 
Argument of type      '{ selector: string; 
              host: { [x: string]: string; '(change)': string; '(blur)': string; }; 
              binding...' 
is not assignable to parameter of type '{ selector?: string; 
              inputs?: string[]; 
              outputs?: string[]; 
              properties?: string[]; 
              events?: strin...'. 
    Object literal may only specify known properties, and 'bindings' does not exist in type 
             '{ selector?: string; 
              inputs?: string[]; 
              outputs?: string[]; 
              properties?: string[]; 
              events?: strin...'. 

コードは次のとおりです。

import {Directive, Renderer, ElementRef, forwardRef} from '@angular/core'; 
import {NG_VALUE_ACCESSOR, ControlValueAccessor} from '@angular/common'; 

export const RADIO_VALUE_ACCESSOR: any = /*@ts2dart_const*/ { 
    provide: NG_VALUE_ACCESSOR, 
    useExisting: forwardRef(() => RadioControlValueAccessor), 
    multi: true 
}; 

/** 
* The accessor for writing a value and listening to changes on a radio input element. 
* 
* ### Example 
* ``` 
* <input type="radio" ngModel="radioModel"> 
* ``` 
*/ 
@Directive({ 
    selector: 'input[type=radio][ngControl],input[type=radio][ngFormControl],input[type=radio][ngModel]', 
    host: {'(change)': 'onChange($event.target.value)', '(blur)': 'onTouched()'}, 
    bindings: [RADIO_VALUE_ACCESSOR] 
}) 
export class RadioControlValueAccessor implements ControlValueAccessor { 
    onChange = (_:any) => {} ; 
    onTouched =() => {}; 

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

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

これを修正する方法はありますか？

またはRC2には外部コードを使用する必要がない方法でラジオボタンバインディングが含まれていますか？もしそうなら、どのように？

Answer 1

私はbindingsがRC2にまだあると思いますが、ここで見てみましょう：

@Directive({ 
    selector: 'input[type=radio][ngControl],input[type=radio][ngFormControl],input[type=radio][ngModel]', 
    host: {'(change)': 'onChange($event.target.value)', '(blur)': 'onTouched()'}, 
    providers: [RADIO_VALUE_ACCESSOR] 
}) 

へ

export interface ComponentMetadataFactory { 
    (obj: { 
     selector?: string; 
     inputs?: string[]; 
     outputs?: string[]; 
     properties?: string[]; 
     events?: string[]; 
     host?: { 
      [key: string]: string; 
     }; 
     bindings?: any[]; 
     providers?: any[]; 
     exportAs?: string; 
     moduleId?: string; 
     queries?: { 
      [key: string]: any; 
     }; 
     viewBindings?: any[]; 
     viewProviders?: any[]; 
     changeDetection?: ChangeDetectionStrategy; 
     templateUrl?: string; 
     template?: string; 
     styleUrls?: string[]; 
     styles?: string[]; 
     directives?: Array<Type | any[]>; 
     pipes?: Array<Type | any[]>; 
     encapsulation?: ViewEncapsulation; 
    }): ComponentDecorator; 
    new (obj: { 
     selector?: string; 
     inputs?: string[]; 
     outputs?: string[]; 
     properties?: string[]; 
     events?: string[]; 
     host?: { 
      [key: string]: string; 
     }; 
     bindings?: any[]; 
     providers?: any[]; 
     exportAs?: string; 
     moduleId?: string; 
     queries?: { 
      [key: string]: any; 
     }; 
     viewBindings?: any[]; 
     viewProviders?: any[]; 
     changeDetection?: ChangeDetectionStrategy; 
     templateUrl?: string; 
     template?: string; 
     styleUrls?: string[]; 
     styles?: string[]; 
     directives?: Array<Type | any[]>; 
     pipes?: Array<Type | any[]>; 
     encapsulation?: ViewEncapsulation; 
    }): ComponentMetadata; 
} 

Answer 2

変更

@Directive({ 
    selector: 'input[type=radio][ngControl],input[type=radio][ngFormControl],input[type=radio][ngModel]', 
    host: {'(change)': 'onChange($event.target.value)', '(blur)': 'onTouched()'}, 
    bindings: [RADIO_VALUE_ACCESSOR] 
}) 

をし、それが今で正常に動作します。 AngJobsのおかげでどこを変えるのかが分かりました。