Textbox生成器UI模式類似於listbuilder UI模式

angular

2017-04-12 77 views 0 likes

我正在尋找構建一個幾乎類似於listbuilder的免費表單文本框生成器，如附圖所示。我需要在前端HTML文本框中輸入值，並點擊添加按鈕，該值應該移動到右側的textarea。用戶應該能夠添加多個輸入值並將其添加到textarea。與圖像中顯示的列表框相同。但我想用文本框來做。有什麼建議麼？我正在使用Angular2 Typescript和html來做到這一點。Textbox生成器UI模式類似於listbuilder UI模式

See Image here

來源

2017-04-12 Poonkodi Sivapragasam

回答

，您可以實現同樣的邏輯，如果你有兩個數組，以表示兩個列表？

因爲這就是Angular的等價物 - 實現你在兩個數組之間移動項目的邏輯，然後只需使用Angular作爲這些數組的視覺表示（即創建兩個使用ngFor的<select>元素來迭代這兩個數組來構建你的名單<options>）

來源

2017-04-12 20:17:09 snorkpete

相關問題

1. UI模式
2. jquery ui模式
3. UI路由器使用類似的URL模式
4. Angular UI Bootstrap模式
5. UI設計模式
6. 從DB2模式生成JPA兼容的POJO（類似於middlegen + hbm2java）？
7. 設計模式對於遊戲內UI
8. 模式上的UI自舉類型
9. 用於GUI生成器的OO模式
10. Rails - 從控制器生成類似模式的「flash」

11. 從模式生成jaxb類
12. 生成Java類JSON模式
13. 基於模型的UI生成（運行時或生成時間）
14. 角UI模式的指令
15. ui-bootstrap模式範圍bug
16. WinForms中的ObserverableCollection UI模式
17. UI代碼級別模式？
18. 什麼是UI模式？
19. Android UI設計模式
20. jQuery UI模式問題
21. ASP.NET MVC的UI模式
22. JavaScript中的UI模式
23. Jquery UI模式對話框
24. jQuery UI引導模式
25. 類似於sqlautocode for rails（從現有數據庫模式自動生成模型）？
26. 類似的模式
27. 反轉生成器模式
28. 對象生成器模式
29. 實現生成器模式
30. 動態生成器模式