2015-05-20 2 views
0

Im основного разработчика, просто хотел обратить мой список массива после отправки формы, Вот мой код: -реверс массива в angularjs

app.js

var app = angular.module('myApp'); 

app.controller('WorkingCtrl', ['$scope', '$http', function ($scope, $http) { 

$scope.form = {}; 
$scope.post = []; 
$scope.submitForm = function() { 
    $scope.post.text = $scope.form.text; 
     if ($scope.post.text != '') { 
      $scope.post.push($scope.post.text);   
      $scope.post.text = ''; 

     } 

     $scope.remItem = function ($index) { 

     $scope.post.splice($index , -1); 
     } 


     } 
}]); 

Моего HTML-код: -

 <!DOCTYPE html> 
    <html ng-app="myApp"> 

    <head> 
    <link rel="stylesheet" href="style.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script> 
    <script src="script.js"></script> 
    <script> 
     myApp = angular.module('myApp', []); 

    </script> 
    </head> 

    <body> 
    <div ng-controller="WorkingCtrl" id="divmsg"> 
    <form name="myForm" ng-controller="WorkingCtrl" novalidate> 
    <textarea cols="75" rows="3" placeholder="Share Your Knowledge !" ng-model="form.text"></textarea> 
      <div id="row"> 
      <ul id="msgHolder" data-bind="foreach: posts"> 
       <li ng-repeat="userpost in post"> 
         <p> 
         <a> 
         <b>User_name</b> 
         </a> 
         <div> 
         <span class="wordwrap"> 
         {{ userpost }} 
         </span> 
         </div> 
        </p> 
       </li> 
      </ul> 
     </div> 
     <input type="button" align="right" style="margin-top: 0px; margin-bottom: 0px; margin-left: 78px; padding-top: 0px;" id="submit" ng-click="submitForm()" class="shoutButton" value="Post"> 
     </form> 
      </div> 
      </body> 
     </html> 

Теперь это успешно дает мне пост то, что пользователь отправляет из текстового поля, но его будет последним из массива.

Который я хочу достичь в первом положении. Как это сделать? так что независимо от того, что сообщение пользователя будет видно первым & не в последний раз. Заранее спасибо . В случае необходимости необходимо использовать Plunker: - http://plnkr.co/edit/pVnSgVE8pfaHK1PxgatM?p=preview

+0

если вы хотите отменить массив в JS использовать функцию реверса (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/ Global_Objects/Array/reverse) массива – Raulucco

+0

извините, что ваш плункер не работал – Reena

+1

Используйте 'unshift' вместо' push': http://plnkr.co/edit/w1E3pcoWIBzHRRkib0jt?p=preview –

ответ

Смежные вопросы