2017-04-12 59 views
0

我正在寻找构建一个几乎类似于listbuilder的免费表单文本框生成器,如附图所示。 我需要在前端HTML文本框中输入值,并点击添加按钮,该值应该移动到右侧的textarea。用户应该能够添加多个输入值并将其添加到textarea。与图像中显示的列表框相同。但我想用文本框来做。有什么建议么?我正在使用Angular2 Typescript和html来做到这一点。Textbox生成器UI模式类似于listbuilder UI模式

See Image here

回答

0

,您可以实现同样的逻辑,如果你有两个数组,以表示两个列表?

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