Question

这是我的模板：

    <li><a href="/{{ user_settings.room2 }}" id="room2">/{{ user_settings.room2 }}</a></li>
    <li><a href="/{{ user_settings.room3 }}" id="room3">/{{ user_settings.room3 }}</a></li>
    <li><a href="/{{ user_settings.room4 }}" id="room4">/{{ user_settings.room4 }}</a></li>

如果{{ user_settings.room2 }}的值为空，则隐藏其<li>的父级。如果{{ user_settings.room3 }}的值为空，则隐藏其<li>的父级。

什么是有效的方法？

Answer 1

您可以在模板中使用if语句。

class User {
    constructor() {
        console.log("constructor called!!");
        let a = new User();
    }
}

new User();

Answer 2

如果您的变量user_settings是字典，则可以使用它来打印非空项目，但它与@ leelum1答案几乎一样

    <ul>
    {% for key,value in user_settings.items %}
        {% if value %}
        <li><a href="/{{ value }}" id="{{ value }}">{{ value }}</a></li>
        {% endif %}
    {% endfor %}
    </ul>

如果template变量为null，则隐藏它的嵌套html元素

2 个答案: