Angular2 में रेडियो बटन पर डेटा कैसे सही तरीके से बाँध रहा है?



data-binding radio-button (1)

मेरे पास दो रेडियो बटन वाला घटक है HTML look like

<div class="btn-group"  id="ProfitCodes">
                        <div class="radio">
                            <label>
                                <input type="radio"
                                       class="radio-inline"
                                       value="1"
                                       [checked]="model.ForeignCompany.ProfitCode === 1"
                                       [(ngModel)]="model.ForeignCompany.ProfitCode"
                                       id="point1"
                                       name="ProfitCode"><small>description</small>
                            </label>
                        </div>
                        <div class="radio">
                            <label>
                                <input type="radio"
                                       class="radio-inline"
                                       [(ngModel)]="model.ForeignCompany.ProfitCode"
                                       [checked]="model.ForeignCompany.ProfitCode === 2"
                                       value="2"
                                       id="point2"
                                       name="ProfitCode"><small>description</small>
                            </label>
                        </div>
                    </div>

जब मैं सर्वर पर मॉडल को सहेजने और भेजना चाहता हूं, तो मुझे सर्वर साइड पर रेडियो बटन के मान्य चयनित मान दिखाई देता है। और यह मान त्रुटियों के बिना डेटाबेस में संग्रहीत है लेकिन बाध्यकारी डेटा के बाद उचित मूल्य के साथ रेडियोबूटन को ढंका नहीं गया है। DevTools में मैं एफिर रेडियो बटन देखता हूं:

<input class="radio-inline ng-untouched ng-pristine ng-valid" id="point1" name="ProfitCode" title="asdasda" type="radio" value="1" ng-reflect-name="ProfitCode" ng-reflect-value="1" ng-reflect-model="2" ng-reflect-checked="false">

दूसरा रेडियो बटन:

<input class="radio-inline ng-untouched ng-pristine ng-valid" id="point2" name="ProfitCode" title="asd" type="radio" value="2" ng-reflect-name="ProfitCode" ng-reflect-value="2" ng-reflect-model="2" ng-reflect-checked="true">

मुझे लगता है कि कोणीय परिवर्तित गुणों को देखते हैं और प्रतीक्षा करते हुए कि दूसरे रेडियो बटन की जांच की जाएगी। लेकिन ऐसा नहीं होता है मैं क्या गलत कर रहा हूं?


यह मेरे मामले में काम करता है मैं [(ngModel)] को हटा देता हूं

<div class="radio">
                            <label>
                                <input type="radio"
                                       value="1"
                                       [checked]="model.ForeignCompany.ProfitCode === 1"
                                       id="point1"
                                       (change)="onProfitSelectionChange(1)"
                                       name="ProfitCode"><small>description</small>
                            </label>
                        </div>
                        <div class="radio">
                            <label>
                                <input type="radio"
                                       value="2"
                                       [checked]="model.ForeignCompany.ProfitCode === 2"
                                       id="point2"
                                       (change)="onProfitSelectionChange(2)"
                                       name="ProfitCode"><small>description</small>
                            </label>
                        </div>
                    </div>

और टीएस विधि की तरह दिखते हैं:

onProfitSelectionChange(entry): void {
    this.model.ForeignCompany.ProfitCode = entry;
}




radio-button