2015-10-22 3 views
4

Я пытаюсь связать статус переключаемых переключателей с булевыми значениями в моем объекте JSON, но он не устанавливается.aurelia - значения привязки к переключателям

шаблон: (jobReadinessItems является массивом "Items")

<tbody> 
    <tr repeat.for="item of jobReadinessItems"> 
    <td><input id="have" name="readiness" type="radio" checked.bind="item.Have" /></td> 
    <td><input id="need" name="readiness" type="radio" checked.bind="item.Need" /></td> 
</tr> 

Пункт (JSON):

{  
    Have: false, 
    Need: true 
} 

ц.п.

public class JobReadinessItemDto 
    { 

    public bool Have { get; set; } 
    public bool Need { get; set; } 

    } 

Однако, если я связываю он таким образом показывает значения (но, конечно, я не могу его установить):

checked.bind="item.Have ? 'on' : 'off'" 

Почему он правильно отображается для «включения/выключения», но не истинного/ложного?

http://plnkr.co/edit/G5Cw9i?p=preview

+0

Я не понимаю вашу модель: Есть ли и нужны эксклюзивные? Итак, если «Истина» истинна, то «Нужна» должна быть ложной и наоборот? В этом случае, почему вы моделируете это с двумя свойствами bool вместо одного свойства enum? – nemesv

+0

Спасибо за предложение, они эксклюзивные, и перечисление было бы лучшим способом для этого. – proggrock

ответ

4

Посмотрите шпаргалки-лист в документации Aurelia:

http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/cheat-sheet

Поиска по «радио», и вы найдете несколько примеров, которые могли бы быть полезной ссылкой , Одна вещь, выскакивает на меня сразу, хотя:

<tr repeat.for="item of jobReadinessItems">

Это должно перебрать массив, но jobReadinessItems является объектом:

{  
    Have: false, 
    Need: true 
} 

Вы должны либо изменить это, чтобы быть массивом:

[ 
    {value: 'Have', checked: false}, 
    {value: 'Need', checked: true} 
] 

... и привязать его соответствующим образом в шаблоне или изменить шаблон для привязки к значениям объекта напрямую. Надеюсь, это поможет.

EDIT: новый шпаргалка URL является http://aurelia.io/docs/fundamentals/cheat-sheet/