文本框构建器UI模式类似于listbuilder UI模式

时间:2017-04-12 19:49:22

标签: angular

我希望构建一个类似于listbuilder的自由格式文本框构建器,如附图所示。 我需要在前端html的文本框中输入值,然后单击Add按钮,该值应移动到右侧的textarea。并且用户应该能够添加多个输入值并继续将它们添加到textarea。与图像中显示的列表框相同。但我想用文本框来做。有什么建议?我使用Angular2 Typescript和html来做到这一点。

See Image here

1 个答案:

答案 0 :(得分:0)

如果你有两个数组代表两个列表,你能实现相同的逻辑吗?

因为,这是Angular的等价物 - 实现你的逻辑在两个数组之间移动项目,然后只使用Angular来表示那些数组(即创建两个<select>元素,使用ngFor迭代这两个数组用于构建<options>

列表的数组