2017-03-20 6 views
0

モデルをチェックボックスのリストに合わせて(Mon-Sun)に適切にバインドするには、何か助けが必要です。AngularJSのチェックボックスのリストにモデルをバインドする方法は?

助けていただければ幸いです。ありがとう。私は、サーバから受信サーバモデル

public class DailySchedule : ReportSchedule 
{ 
    public string Option { get; set; } 
    public Dictionary<string, bool> RunOnDays { get; set; } 
} 

JSONデータ

enter image description hereは、この形式で提供されます:

vm.reportSchedule 
{ 
    "Option": "EveryWeekday", 
    "RunOnDays": { 
    "Mon": true, 
    "Tue": true, 
    "Wed": true, 
    "Thu": true, 
    "Fri": true, 
    "Sat": false, 
    "Sun": false 
    } 
} 

HTML

<div class="form-group"> 
    <input type="checkbox" name="dailyOption" ng-model="vm.reportSchedule.RunOnDays" value="Mon">Mon 
    <input type="checkbox" name="dailyOption" ng-model="vm.reportSchedule.RunOnDays" value="Tue">Tue 
    <input type="checkbox" name="dailyOption" ng-model="vm.reportSchedule.RunOnDays" value="Wed">Wed 
    <input type="checkbox" name="dailyOption" ng-model="vm.reportSchedule.RunOnDays" value="Thu">Thu 
    <input type="checkbox" name="dailyOption" ng-model="vm.reportSchedule.RunOnDays" value="Fri">Fri 
    <input type="checkbox" name="dailyOption" ng-model="vm.reportSchedule.RunOnDays" value="Sat">Sat 
    <input type="checkbox" name="dailyOption" ng-model="vm.reportSchedule.RunOnDays" value="Sun">Sun 
</div> 

答えて

1

キー/ヴァル・構文でngRepeatを使用します。

<div class="form-group"> 
    <input ng-repeat="(day, bool) in vm.reportSchedule.RunOnDays" type="checkbox" name="dailyOption" ng-model="vm.reportSchedule.RunOnDays[day]" />{{day}} 
</div> 
+0

パーフェクト、ありがとうございました!!! – monstro

関連する問題