Я хочу две кнопки на странице ветки, где она показывает, является ли статус "истинным" или "ложным", поэтому я пишу свой код так, и он работает, я имею в виду часть, потому что он возвращает, true "или" false "и изменить цвет. Но это также
<td>
<div class="btn-group" data-toggle="buttons-radio">
{% if userinfo.stats == TRUE %}
{<button class="btn btn-success btn-xs myOn-button" >}
{% else %}{<button class="btn btn-danger btn-xs myOn-button" >}{% endif %}
<button onclick="deleteStuff()">ON</button>
</div> </td>
Но он также показывает какой-то странный характер в кнопке. Кто-то знает, где я делаю ошибку. Мне нужно сделать две кнопки "ON" и "OFF", которые возвращают статистику.
если я удалю the---
{<button class="btn btn-success btn-xs myOn-button" >}
в
<button class="btn btn-success btn-xs myOn-button" >
он возвращает меня ---
поэтому нет кнопки с именем "on" или "OFF"! Как я могу это исправить...
Удалите фигурные скобки вокруг вашего кода так
{<button class="btn btn-success btn-xs myOn-button" >}
в
<button class="btn btn-success btn-xs myOn-button" >
РЕДАКТИРОВАТЬ:
<td>
<div class="btn-group" data-toggle="buttons-radio">
{% if userinfo.stats == TRUE %}
<button class="btn btn-success btn-xs myOn-button" >
{% else %}
<button class="btn btn-danger btn-xs myOn-button" >
{% endif %}
<button onclick="deleteStuff()">ON</button>
</div>
</td>
Лучший способ сделать это:
<td>
<div class="btn-group" data-toggle="buttons-radio">
<button class="btn btn-{{userinfo.stats ? 'success': 'danger'}} btn-xs myOn-button" >
<button onclick="deleteStuff()">ON</button>
</div>
</td>