Как проверить ввод с использованием асинхронных данных

Question

Я использую angularfire2 для реализации firebase для моего ионного приложения.где мне нужно проверить или снять флажок ввода на основе базы данных в реальном времени.вот моя реализация.

<input type="checkbox" name="onoffswitch" [checked]={{(booked | async)?.booked}} >

это дает мне ошибку HTML.

Answer 1

Поскольку [checked] ожидает переменную, вам не нужно заключать ее в скобки.

Вы должны быть в состоянии сделать следующее;

<input type="checkbox" name="onoffswitch" [checked]="(booked | async)?.booked">

ИЛИ

<input type="checkbox" name="onoffswitch" checked="{{ (booked | async)?.booked }}">

Ознакомьтесь с синтаксисом шаблона в Angular Documentation .Это объясняет связывание свойств более подробно.