Question

我有2个输入文字

<input type="text" ng-model="name">
<input type="text" ng-model="lastname">

我有一张桌子：

             <table>
                <thead>
                    <th>Name</th>
                    <th>Last Name</th>
                </thead>
                <tbody>
                    <tr ng-repeat="row in customers">
                        <td>{{row.fname}}</td>
                        <td>{{row.lname}}</td>
                    </tr>
                </tbody>
            </table>

我想使用angularjs将名称和姓氏文本框中的数据推送到表中的一行，有什么帮助吗？

Answer 1

只需单击按钮创建一个新的客户对象，然后将其推送到customers数组中。添加客户对象时，应创建该行。

<button ng-click="createCustomer()">Push</button>

在控制器中，

$scope.createCustomer = function(){
 customers.push(new Customer($scope.name,$scope.lastname));
}

var Customer = function(name,lastname){
 this.fname = name;
 this.lname = lastname;
}

Answer 2

在您的控制器中创建一个将客户存储在客户数组中的函数。

模板中的

<input type="text" ng-model="name">
<input type="text" ng-model="lastname">
<button ng-click="addCustomer(name, lastname)>Add</button>

控制器中的

$scope.customers = [];
$scope.addCustomer(name, lastname){
     $scope.customers.push({ fname:name, lname:lastname });
}

将数据从输入文本推送到表格 - Angularjs

2 个答案: