Angular2 में रेडियो बटन को डेटा को सही ढंग से कैसे बाध्य करें?

Question

मैं जब मैं क्लिक करें बचाने के लिए और सर्वर मैं देख सर्वर साइड पर रेडियो बटन का वैध चयनित मान के लिए मॉडल भेज दो रेडियो बटन 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> 

साथ घटक है। और यह मान डेटाबेस में त्रुटियों के बिना संग्रहीत है। लेकिन उचित मूल्य वाले रेडियोबुटन को बाध्यकारी डेटा के बाद चेक नहीं किया जाता है।

<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"> 

मुझे लगता है कि कोणीय गुण और इंतजार कर रहे है कि दूसरा रेडियो बटन की जाँच की जाएगी बदल DevTools में मैं एफआईआर रेडियो बटन दिखाई। लेकिन ऐसा नहीं होता है। मैं क्या गलत कर रहा हूँ?

Answer 1

यह मेरे मामले में काम करता है। मैं हटाने [(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; 
} 

Answer 2

आप की जरूरत नहीं है [चेक किया] [(ngModel)] भी उपयोग [value] = "1 के साथ प्रयास करें "मान के बजाय =" 1 "

<input type="radio" name="Coverage" [value]="1" [(ngModel)]="formdata.coverage_verified" />Yes