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

Question

我想在树枝页面中显示两个按钮，显示状态是否为＆＃34; true＆＃34;或者＆＃34; false＆＃34;，所以我这样编写我的代码，它正在工作，我的意思是部分因为它返回它是否是真实的＆＃34;或＆＃34;假＆＃34;并改变它的颜色。但它也是重新

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

但它也在按钮中显示一些奇怪的字符。有人知道我在哪里弄错了。我需要制作两个按钮＆＃34; ON＆＃34;和＆＃34; OFF＆＃34;返回统计数据。

如果我删除---

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

到

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

它让我回归---

因此没有名为＆＃34; on＆＃34;的按钮或＆＃34; OFF＆＃34; ！我怎么能解决它......

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>