带有一些奇怪字符的树枝按钮错误

Question

我想要一个树枝页面中的两个按钮，它显示状态是“真”还是“假”，所以我这样写我的代码，它正在工作，我的意思是某些部分，因为它返回是否它是“真”或“假”并改变它的颜色。但这也是重新

 <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”来返回统计信息。

如果我删除---

{<button class="btn btn-success btn-xs myOn-button" >}

到

<button class="btn btn-success btn-xs myOn-button" >

它返回给我---

所以没有名为“on”或“OFF”的按钮！我该如何解决它...

Answer 1

像这样删除代码周围的花括号

{<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>