Question

我试图在textarea输入中嵌入一些模型变量，以便客户端在一个字段中的更改填充在另一个输入中。我尝试过以下（并用Google搜索了一下）但我无法让它工作........

 <textarea ng-model="event.message" required ngMaxlength="{255}" ngMinlength="{10}" ng-init="event.message='Hi, {{event.name}} today at {{event.time}}. Reply with in to join or out if you cant make it. Thanks.'" class="form-control">
                    Hi, {{event.name}} today at {{event.time}}. Reply with in to join or out if you cant make it. Thanks.
                </textarea>

在此示例中，event.name绑定到另一个输入，但在更改时它不会显示在文本区域中。

有没有办法让它发挥作用？

非常感谢

Answer 1

这是working plunker。

我认为您面临的主要问题是ng-init：

ng-init="event.message='Hi, {{event.name}} today at {{event.time}}. Reply with in to join or out if you cant make it. Thanks.'"

在ng-init内，您无需插入{{ }}，因为它已在JavaScript上下文中运行。

所以你可以改成它：

ng-init="event.message='Hi, ' + event.name + ' today at ' + event.time + '. Reply with in to join or out if you cant make it. Thanks.'"

此外，如果您使用的是ng-init，则没有理由在<textarea>内部也有内容，它只会被批发替换。

使用Angular.js在textarea中嵌入模型变量

1 个答案: