Задачи для решения

На ng-show, ng-hide

Дан чекбокс и абзац ниже. Чекбокс по умолчанию должен быть неотмечен. Сделайте так, чтобы когда чекбокс становится неотмеченным - абзац скрывался, а когда становится отмеченным - показывался.

Решите предыдущую задачу при условии, что чекбокс по умолчанию должен быть отмечен.

Даны две ссылки и абзац ниже. Сделайте так, чтобы по нажатию на первую ссылку абзац скрывался, а по нажатию на вторую - показывался.

Дана ссылка и абзац ниже. Сделайте так, чтобы по первому нажатию на ссылку абзац скрывался, а по второму нажатию - показывался.

Даны чекбокс и абзацы. Каждый чекбокс привязан к своему абзацу. Сделайте так, чтобы смена состояния определенного чекбокса приводила к появлению или скрытию соответствующего абзаца.

На ng-class

Дан класс .red, который красит элемент в красный цвет. Дан чекбокс. Дан абзац. Сделайте так, чтобы когда чекбокс отмечен - абзац красится в красный цвет, а когда не отмечен - не красится.

Даны чекбокс. Дан абзац. Сделайте так, чтобы первый чекбокс добавлял красный цвет абзацу, второй чекбокс перечеркивал текст абзаца

На работу с селектами

Дан массив со списком стран. Сделайте селект для выбора страны в соответствии с этим массивом.

Дан инпут. Дан селект со списком стран. Сделайте так, чтобы когда в селекте выбирается новый город, он заносился в инпут.

Дан селект со списком стран и селект со списком городов. Сделайте так, чтобы при выборе страны в первом селекте во втором появлялся список соответствующих стране городов. Страны и города храните в массиве (структуру придумайте сами).

Закрепление

Дан массив со списком дел. Выведите содержимое этого массива в виде <ul>. Сделайте так, чтобы в начале каждого <li> стояли два неотмеченных чекбокса - первый чекбокс должен перечеркивать свой пункт списка при получении отметки, а второй должен скрывать этот пункт совсем.