getValue 不适用于自定义模板答案

【问题标题】：getValue not working on custom templategetValue 不适用于自定义模板
【发布时间】：2018-05-16 14:33:00
【问题描述】：

我已经能够使用服装模板制作自己的场地。该字段包含在文本字段后面，最后是按钮，在同一行，但我遇到了一个问题。

当我使用 form.getValue() 时，它确实返回原始值，我的意思是，如果我修改 1 个字段然后执行 getValue()，则修改将不可见，我仍然会得到加载表单时的值。

我很确定我的模板有问题，但我不知道该怎么办！ :(

这是我的模板代码：

{% raw %}
<script type="text/x-handlebars-template" id="input-group-addon-template">
    <div class="input-group">
    <input type="{{inputType}}" value="{{data}}" id="{{id}}" {{#if options.placeholder}}placeholder="{{options.placeholder}}"{{/if}} {{#if options.size}}size="{{options.size}}"{{/if}} {{#if options.readonly}}readonly="readonly"{{/if}} {{#if name}}name="{{name}}"{{/if}} {{#each options.data}}data-{{@key}}="{{this}}"{{/each}} {{#each options.attributes}}{{@key}}="{{this}}"{{/each}}/>
        <div class="input-group-btn" id="{{id}}-basic-btn"> 
        <button class="btn btn-default" id="{{id}}-button" onclick="test(event)" >
            <i {{#if options.readonly}}class="fa fa-lock"{{else}}class="fa fa-unlock"{{/if}}></i> 
        </button>
       </div>
   </div>
</script>
{% endraw %}
<script>

【问题讨论】：

标签： javascript html alpacajs

【解决方案1】：

在一些帮助下，我已经能够让它工作了。所以我只需要修改模板，新模板：

<script type="text/x-handlebars-template" id="input-group-addon-template">
    <div class="input-group">
        {{#control}}{{/control}}
        <div class="input-group-btn" id="{{id}}-basic-btn" > 
            <button class="btn btn-default" id="{{id}}-button" onclick="click_function(event)" >
                <i {{#if options.readonly}}class="fa fa-lock"{{else}}class="fa fa-unlock"{{/if}}></i> 
            </button>
        </div>
    </div>
</script>

所以最大的区别是我们不再精确“输入类型”，因此我们不会覆盖所有有用的函数如 getValue 等。

随意添加一些解释！ :D

【讨论】：