Hinzufügen von Daten in Zeilen bei Klick

Ich möchte, dass wenn ich einige Daten in ein Textfeld einfügen und klicken Sie auf eine Schaltfläche, die Daten in eine bestimmte Tabellenspalte eingefügt werden, und wenn ich die Daten hinzufügen, sollten die Zeilen weiter zunehmen mit den eingegebenen Daten. Code:Hinzufügen von Daten in Zeilen bei Klick

var parking = angular.module("parking", []); 
parking.controller("parkingCtrl", function($scope){ 
$scope.carnamebind=''; 
$scope.car=[]; 
$scope.bindcarName = function(){ 
var ee=$scope.car; 

ee.push($scope.carname); 
$scope.carnamebind=ee; 
} 
})

die html:

<body ng-controller="parkingCtrl"> 
<h3 ng-model="appTitle"></h3> 


<table> 
<tr> 
<td>Car name</td> 
<td>Car model</td> 
</tr> 

<tr> 
<td>{{carnamebind}}</td> 
<td></td> 
</tr> 

<tr> 
<td ><input type="text" ng-model="carname"/><input type="button" ng-click="bindcarName()"/></td> 
<td></td> 
</tr> 

</table> 


</body>

2 Problemen kommen:

1) Alle Daten werden in ein Array geschoben in der gleichen Spalte

2) Daten eingefügt wird eingefügt in Form von Array, wie ["sd","sdasd"]

Dank

Quelle

2016-07-15 user3450590

var app = angular.module("myApp", []); 
 
app.controller("myCtrl", function($scope) { 
 
    $scope.carnamebind= [ 
 
    "Alfreds Futterkiste", 
 
    "Berglunds snabbköp", 
 
    "Centro comercial Moctezuma", 
 
    "Ernst Handel", 
 
    ]; 
 
$scope.bindcarName = function(ee){ 
 

 
$scope.carnamebind.push(ee); 
 

 

 
} 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html> 
 

 
<body ng-app="myApp"> 
 

 
<table ng-controller="myCtrl" border="1"> 
 
<tr> 
 
<td>Car name</td> 
 
<td>Car model</td> 
 
</tr> 
 
<tr ng-repeat="x in carnamebind"> 
 

 
    <td>{{x}}</td> 
 
    <td></td> 
 
</tr> 
 
<tr> 
 
<td ><input type="text" ng-model="carname"/></td> 
 
<td><input type="submit" ng-click="bindcarName(carname)"/></td> 
 
</tr> 
 
</table> 
 

 

 

 
</body> 
 
</html>

Quelle

2016-07-15 11:21:40 sai

Hinzufügen von Daten in Zeilen bei Klick

Antwort

Verwandte Themen