时间戳

首页 > 解决方案 > django 模板创建中的脚本错误

javascript - django 模板创建中的脚本错误

问题描述

我正在开发一个在模板中执行多个功能的代码，并且我已经使用脚本来检查使用 if else 和 for 循环的功能，但是我遇到了这些错误，请帮助我知道原因，提前谢谢你

如果您在脚本标记内的代码末尾看到 if else 标记的声明必须有点像下面的代码，但是一旦我保存代码，它就会被格式化并给我错误

这是代码片段图像

和错误

 {% if messages %}
        {% for message in messages %}
            alert('{{message}}')
        {% endfor %}
    {% endif %}

上传.html文件

{% extends 'base.html' %} {% block content %}

<div class="form-group">
    <label for="name" class="col-md-3 col-sm-3 col-xs-12 control-label">Select : </label>
    <div class="col-md-8">

        <select name="cars" id="cars">
 <option value="">Select</option>
  <option value="WithTime">AmpandFreq</option>
  <option value="WithoutTime">Amplitude</option>
  
</select>
    </div>
</div>


<div id="withtime" style="display:none">
    <form action="/csvapp/upload/" method="POST" enctype="multipart/form-data" class="form-horizontal">
        {% csrf_token %}
        <div class="form-group">
            <label for="name" class="col-md-3 col-sm-3 col-xs-12 control-label">File: </label>
            <div class="col-md-8">
                <input type="file" name="csv_file" id="csv_file" required="True" class="form-control">
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-3 col-sm-3 col-xs-12 col-md-offset-3" style="margin-bottom:10px;">
                <button class="btn btn-primary"> <span class="glyphicon glyphicon-upload" style="margin-right:5px;"></span>Upload </button>
            </div>
        </div>
    </form>
</div>

<div id="withouttime" style="display:none">
    <form name="form" action="/csvapp/upload_withouttime/" method="POST" enctype="multipart/form-data" class="form-horizontal">
        {% csrf_token %}
        <div class="form-group">
            <label for="name" class="col-md-3 col-sm-3 col-xs-12 control-label">File: </label>
            <div class="col-md-8">
                <input type="file" name="csv_file" id="csv_file" required="True" class="form-control">
            </div>
        </div>
        <div class="form-group">
            <label for="name" class="col-md-3 col-sm-3 col-xs-12 control-label">Sampling Frequency: </label>
            <div class="col-md-8">
                <input type="text" name="sampfreq" id="sampfreq" required="True" class="form-control">
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-3 col-sm-3 col-xs-12 col-md-offset-3" style="margin-bottom:10px;">
                <button class="btn btn-primary"> <span class="glyphicon glyphicon-upload" style="margin-right:5px;"></span>Upload </button>
            </div>
        </div>
    </form>
</div>


<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
    { %
        if messages %
    } { %
        for message in messages %
    }
    alert('{{message}}') { % endfor %
    } { % endif %
    }
    $('select').on('change', function() {

        var a = $(this).val()


        { %
            if a == "WithoutTime" %
        } {
            alert("inside")
            $('#withtime').hide();
            $('#withouttime').show();
        } { %
            else %
        } {
            $('#withtime').hide();
            $('#withouttime').show();
        }
    })
</script>
{% endblock %}

标签： javascripthtmljquerycssdjango

解决方案

在搜索并改变了许多内部设置之后，我对错误和要求得出了一个简单的结论

在命令面板 (ctrl-shift-p) 中选择安装扩展并选择 Django 模板。

要开始扩展...

  1. 转到 Debug viewlet 并选择 Launch Extension 然后点击运行 (F5)。这将启动第二个 Code 实例，其中加载了第一个窗口的扩展名。

  2. 进行更改时，您还可以重新加载（在 Mac 上为 Ctrl+R 或 Cmd+R）第二个代码窗口以加载任何更改。

有关更多信息，请参阅下面的链接 Django 模板视图 [https://marketplace.visualstudio.com/items?itemName=bibhasdn.django-html]

推荐阅读