{N} 2.3.0およびAngular 2.1.2に更新した後のデータバインディングの崩壊

Question

プロジェクトをNativescript 2.3.0およびAngular 2.1.2に更新した後、ngModelを使用したデータバインディングはスイッチで機能しなくなりました。私が[checked]と（propertyChange）にバインドすると動作します。

私はこの問題を新しいサンプルプロジェクトで重複しています。これはNativescriptやAngularに加えられた変更ですか、それとも別のものかもしれませんか？

私が使っていた：

<Switch (ngModelChange)="onChange($event)" [ngModel]="model.switchValue"></Switch> 

のonChangeを（）スイッチがトグルされたとき、もはや発射されます。

これは動作するようです：

<Switch (propertyChange)="onChange($event)" [checked]="model.switchValue"></Switch> 

私も更新するので、いくつかの他の問題を気づいたが、別の質問でそれらに対処することができます。

Answer 1

これはthis questionのバリエーションであることが判明しました。私はNativeScriptFormsModuleを参照する必要がありました。最初に私は角のFormsModuleを試してみましたが、エラーが発生しました：

No value accessor for form control with unspecified name attribute 

修正はapp.module.tsでNativeScriptFormsModuleをインポートすることでした：

import { NativeScriptFormsModule } from 'nativescript-angular/forms'; 

@NgModule({ 
    imports: [ 
    NativeScriptFormsModule, 
    ...] 
    ... 

Answer 2

あなたは閉じ引用符としても、小さな構文エラーがありますあなたのngModelChangeに欠けています。

の例では、私の側に取り組んでいる - ここで私がテストしたコードです：

page.xml

<Label [text]="thirdSwitchState" textWrap="true"></Label> 
<Switch [ngModel]="thirdSwitchValue" (ngModelChange)="onChange($event)"></Switch> 

page.ts

public thirdSwitchValue = true; 
public thirdSwitchState = "ON"; 

public onChange(result) { 
    if (result) { 
     this.thirdSwitchState = "ON"; 
    } 
    else { 
     this.thirdSwitchState = "OFF"; 
    } 
}