Question

如果我用带有textarea的contentEditable =“true”替换div，我可以得到双向绑定，但我不喜欢文本区域在页面上的行为方式。是否有任何可以添加到模板中以使其工作，或自定义标记可以做到这一点？这里的div填充并且可编辑，但它不会写回任何更改的内容。

如果我用丑陋的textarea替换它，它可以正常工作。

我确信我可以用隐藏的输入和一些jquery来破解它，但我宁愿不必这样做。

<script id="lcaSummaryBodyTemplate" type="text/x-jsrender">
    {^{for items}}
        <div class="bodyItem">
            <div class="colDec">
                <p>{{>title}}</p>
                {^{if type == "select"}}
                    <select data-link="val">
                        {^{for options}}
                            <option value="{{:value}}">{{:text}}</option>
                        {{/for}}
                    </select>
                {{else}}
                    {^{if type == "date"}}
                        <input data-link="val" class="date" />
                    {{else}}
                        <div data-link="val" contentEditable="true"></div>
                    {{/if}}
                {{/if}}
            </div>
            <div class="colHist">
                <p>{{>title}}</p>
                {{if type == "date"}}
                    <div class="date" data-link="histVal"></div>
                {{else}}
                    <div>{{>histVal}}</div>
                {{/if}}
            </div>
        </div>
    {{/for}}
</script>

Answer 1

JsViews目前不支持 - 但是有计划的，应该很快就会推出。当它变得可用时我会更新它......

JsViews：有没有办法让双向数据链接在<div>元素上设置contentEditable = true？</div>

1 个答案: