Comment correctement lier des données à des boutons radio dans Angular2?

J'ai composant avec deux boutons radio 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>

Quand je clique sur enregistrer et envoyer le modèle de serveur je vois valide la valeur sélectionnée de la radio bouton sur le côté serveur. Et cette valeur stockée dans la base de données sans erreurs. Mais radiobutton avec la valeur appropriée n'est pas cheked après la liaison de données.
Dans devTools je vois sapins bouton radio:

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

Deuxième bouton radio:

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

Je vois que angulaires changé d'attributs et d'attendre que le deuxième bouton radio sera vérifié. Mais cela n'arrive pas.
Ce que je fais mal?

ngModel et vérifié ne travaillent pas ensemble , vous devez supprimer l'un d'eux .

OriginalL'auteur Seva | 2017-03-29