使用AngularJS + Bootstrap + grid创建简单的表单

时间:2014-06-10 14:30:18

标签: angularjs asp.net-mvc-4 twitter-bootstrap

我正在开发AngularJS和Bootstrap。我是两个新手。我想创建一个表单,其中包含名字输入文本框,姓氏输入文本框,城市下拉列表以及添加名为 addUser

当我点击添加用户按钮时,它应保存在我们的数据库中,然后使用编辑和删除按钮显示在网格下方。当我单击编辑按钮时,所有记录都在相应的文本框上方。我已经通过下面的链接,但我没有得到我的方案实现,因为他们使用了xeditable。

http://vitalets.github.io/angular-xeditable/

1 个答案:

答案 0 :(得分:0)

以下是使用角度link

制作的表单示例

基本上你需要创建一个控制器。在控制器中创建用户对象,绑定此对象属性以形成具有 ng-model 的控制器。当用户单击按钮将用户对象发送到控制器中的方法时,将 ng-click 添加到按钮。在您的功能中,您可以创建,编辑和删除操作。

请参阅链接并查看突出显示的关键字,这必须涵盖您的所有需求。