Условие для отмеченного свойства чекбокса в html

Question

Условие для отмеченного свойства чекбокса в html

0

Как установить условие на проверенное свойство флажка?

У меня есть флажки для каждой строки в приложении. В моей базе данных у меня есть столбец "IsSaved", значение которого равно 0 или 1. Если IsSaved для строки равно 1, тогда флажок должен автоматически отображаться как выбранный.

Вот мой фрагмент кода:

<td style="text-align:center;">
    <input type="checkbox" name="select" value="${ID}" ng-checked="${IsSaved} ? true : false" />              
</td>

Как я могу это достичь?

Siddharath Gupta 28 сен. 2016, в 14:03

Источник

0

Это синтаксис ${IsSaved} исходящий из некоторого серверного шаблона? В этом случае вам не нужно проверять ng, просто <input type="checkbox" ${IsSaved ? "checked" : ""} /> будет делать, предполагая, что он может содержать выражения.
yscik 28 сен. 2016, в 11:46
0

Да, $ {IsSaved} только со стороны сервера. Я сделал это, но он показывает ошибку. <input type = "checkbox" name = "select" value = "$ {ID}" $ {IsSaved? проверил: ""} />
Siddharath Gupta 28 сен. 2016, в 11:54
0

Пожалуйста, уточните вопрос с подробной информацией о том, какой серверный шаблон вы используете, я только догадываюсь, какой синтаксис должен использоваться здесь. Вы забыли кавычки вокруг «проверил» в этой попытке, хотя.
yscik 28 сен. 2016, в 12:11

Показать ещё 1 комментарий

Теги:

html

angularjs

html5

checkbox

3 ответа

0

Hi Siddharath Пожалуйста, попробуйте ниже. Это эта работа для меня.

<td style="text-align:center;"> <input type="checkbox" name="select" value="{{ID}}" ng-checked="{{IsSaved}}"/> </td>

Dipak Patel 28 сен. 2016, в 09:58

0

Привет, Дипак. Это не работает для меня.
Siddharath Gupta 28 сен. 2016, в 12:04

0

<input type="checkbox" name="select" value="ID" ng-checked="(IsSaved) ? true : false" />

Я предполагаю, что IsSaved является переменной $scope в вашем контроллере, которая имеет область действия над вашим шаблоном HTML

Это должно работать

nikjohn 28 сен. 2016, в 09:13

0

Сожалею. Это не работает. IsSaved - это имя столбца. Если значение IsSaved равно 1, необходимо установить флажок.
Siddharath Gupta 28 сен. 2016, в 11:42
0

Добавили часть о IsScope что IsScope является переменной в вашей $scope
nikjohn 28 сен. 2016, в 11:44

Ещё вопросы

Это синтаксис ${IsSaved} исходящий из некоторого серверного шаблона? В этом случае вам не нужно проверять ng, просто <input type="checkbox" ${IsSaved ? "checked" : ""} /> будет делать, предполагая, что он может содержать выражения.
Да, $ {IsSaved} только со стороны сервера. Я сделал это, но он показывает ошибку. <input type = "checkbox" name = "select" value = "$ {ID}" $ {IsSaved? проверил: ""} />
Пожалуйста, уточните вопрос с подробной информацией о том, какой серверный шаблон вы используете, я только догадываюсь, какой синтаксис должен использоваться здесь. Вы забыли кавычки вокруг «проверил» в этой попытке, хотя.
Привет, Дипак. Это не работает для меня.
Сожалею. Это не работает. IsSaved - это имя столбца. Если значение IsSaved равно 1, необходимо установить флажок.
Добавили часть о IsScope что IsScope является переменной в вашей $scope

nkmol · Accepted Answer · 2016-09-28T08-54-00.000Z

Вы можете напрямую обращаться к переменным вашей области, вызывая его по имени переменной: IsSaved.

Вы используете ternary expression, однако это не поддерживается, как описано здесь.

Теперь вы можете использовать более короткое выражение для этого: IsSaved == 1, что просто приводит к правдивому или ложному результату.

Итак, вы получаете

<input type="checkbox" name="select" id="{{ID}}" ng-checked="IsSaved == 1" />

Примечание: эту переменную ID можно получить в области с помощью двойных фигурных скобок.

JsFiddle