2017-04-06 6 views
0

Ich weiß nicht, was ich nicht richtig sein, mache ich finde es schwer, neue Variablen in einen Rahmen zu schiebenWie Elemente in einem Array schieben

$scope.usermsg= [ 
    { name: 'John', age: 25 }, 
    { name: 'Barry', age: 43 }, 
    { name: 'Kim', age: 26 }, 
    { name: 'masa',age: '14'}, 
    { name: 'Fritz', age: 19 }]; 

    $scope.send=function(){ 
$scope.varb =({"name": 'masa222',"age": '1422'}) 
    $scope.usermsg.push=($scope.varb) 
     } 

HTML

<div ng-repeat="rows in usermsg"> 
<li>{{ rows.name + ' - ' + (rows.age)}}</li> 
</div> 


<button class="button button-icon icon ion-ios-paperplane footer-btn" type="submit" ng-click="send()"> 
</button> 
+3

'$ scope.usermsg.push ($ scope.varb)'. –

+0

https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Array/push – mplungjan

Antwort

0

Bitte überprüfen Sie diese

// Code goes here 
 

 
var myApp = angular.module("myApp", []); 
 

 
myApp.controller("myController", function($scope){ 
 
    
 
    $scope.usermsg= [ 
 
    { name: 'John', age: 25 }, 
 
    { name: 'Barry', age: 43 }, 
 
    { name: 'Kim', age: 26 }, 
 
    { name: 'masa',age: '14'}, 
 
    { name: 'Fritz', age: 19 }]; 
 

 
$scope.send = function() 
 
{ 
 
    var item = {name:'Ajay', age : 27}; 
 
    var items = $scope.usermsg; 
 
    items.push(item); 
 
    return items 
 
} 
 
    
 

 
    
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="myApp"> 
 
    
 
    <div ng-controller= "myController"> 
 
    
 
    <div ng-repeat="c in usermsg"> 
 
    <div>{{c.name}}</div> 
 
     
 
    </div> 
 
    <button ng-click="send()">Click to send</button> 
 
    
 
    
 
    </div> 
 
    
 
    
 
    </body>

Verwandte Themen