Проблема с WhiteSpace при использовании руля с тегом <input> - PullRequest
Новая
       4

Проблема с WhiteSpace при использовании руля с тегом <input>

0 голосов
/ 08 января 2019

Я устанавливаю значение по умолчанию для входа с помощью руля. Похоже, это так. 

        <div class="form-group" id="eventDead">
            <label for="eventDead">Event Deadline</label>
            <input class="form-control" type="text" name="eventDead" id="eventDead" value={{this.eventDeadline}} readonly/>
        </div>

Проблема в том, что если значение eventDeadline = "Я хочу что-то разместить",

вывод на странице "I", только первое слово перед пробелом добавляется. Как это можно исправить?

Демо ниже: 

var source   = document.getElementById("entry-template").innerHTML;
var template = Handlebars.compile(source);
var context = {eventDeadline: "You want to host something"}
var html = template(context)
$("#value").html(html)
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.12/handlebars.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
            <script id="entry-template" type="text/x-handlebars-template">
            <div class="form-group" id="eventDead">
                <label for="eventDead">Event Deadline</label>
                <input class="form-control" type="text" name="eventDead" id="eventDead" value={{this.eventDeadline}} readonly/>
            </div>
</script>
<div id="value"></div>

1 Ответ

0 голосов
/ 08 января 2019

Вот рабочий код. измените свой входной тег значения следующим образом 

value="{{this.eventDeadline}}"


var source   = document.getElementById("entry-template").innerHTML;
var template = Handlebars.compile(source);
var context = {eventDeadline: "You want to host something"}
var html = template(context)
$("#value").html(html)
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.12/handlebars.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
            <script id="entry-template" type="text/x-handlebars-template">
            <div class="form-group" id="eventDead">
                <label for="eventDead">Event Deadline</label>
                <input class="form-control" type="text" name="eventDead" id="eventDead"  value="{{this.eventDeadline}}" readonly/>
            </div>
</script>
<div id="value"></div>
...