Как установить привязку флажка в Aurelia

Question

У меня есть список флажков, когда пользователь проверяет один из флажков, вызывается функция в файле .js и в свою очередь вызывает метод dataservice.js, который вызывает контроллер webapi , все это прекрасно работает и возвращает правильные данные.

Что происходит, когда процесс завершен, флажок, который запускает последовательность, не проверяется. Я проверил результат и schoolDistrict.IsChecked для этого элемента установлено значение true, что является правильным.

Как я могу установить флажок?

Ниже приведен код, но я не уверен, о check.one-полосная связывают

<li repeat.for="schoolDistrict of schools.Districts">          
    <input type="checkbox" checked.one-way="schoolDistrict.IsChecked" value="${schoolDistrict.Value}" click.trigger="searchSchoolDistrict()"/>${schoolDistrict.Name} 
</li> 

Любая помощь будет очень высоко ценится.

Answer 1

Есть несколько вопросов здесь:

• Проблема, вероятно, что ваш searchSchoolDistrict() код меняется IsChecked свойства, но one-way связывания не прослушивают изменения.
• В то время как интерполяция значения будет работать, использование синтаксиса привязки, вероятно, является лучшим стилем.
• Настройка change.delegate более надежна и будет прослушивать все изменения в этом флажке, что является лучшей практикой для флажков.
• Устаревшие Убедитесь, что выбран правильный масштаб для searchSchoolDistrict(), как это, вероятно, живет на $parent и не schoolDistrict.

Попробуйте использовать вместо этого:

<li repeat.for="schoolDistrict of schools.Districts">          
    <input type="checkbox" 
    checked.bind="schoolDistrict.IsChecked" 
    value.one-way="schoolDistrict.Value" 
    change.delegate="searchSchoolDistrict()"/> 
    ${schoolDistrict.Name} 
</li>