добавить строку в первую таблицу angularjs

Question

добавить строку в первую таблицу angularjs

0

как я могу грести в угловом

html:

    <title>Add Rows</title>

    <link href="http://cdn.foundation5.zurb.com/foundation.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script>
  </head>

  <body ng-controller="MainController">

    <a href="#" class="button" ng-click="addRow()">Add Row {{counter}}</a>

<table>
  <thead>
    <tr>
      <th width="200">Some Header</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="rowContent in rows">
      <td>{{rowContent}}</td>
    </tr>
  </tbody>
</table>    

  </body>
</html>

js:

angular.module('MyApp', [])
.controller('MainController', [ '$scope', function($scope) {

  $scope.rows = ['Row 1', 'Row 2'];

  $scope.counter = 3;

  $scope.addRow = function() {

    $scope.rows.push('Row ' + $scope.counter);
    $scope.counter++;
  }
}]);

http://codepen.io/calendee/pen/buCHf

в приведенном ниже примере она добавила строку в последний, как я могу быть первой, не последней.

Asad 22 нояб. 2015, в 01:54

Источник

Теги:

javascript

jquery

html

angularjs

html5

1 ответ

Ещё вопросы

Kevin Simple · Answer 1 · 2015-11-21T21-53-00.000Z

mate, просто используйте unshift вместо push, затем он будет вставляться в начало массива,

  $scope.rows.unshift('Row ' + $scope.counter);
    $scope.counter++;

сделали для вас скрипку:

http://codepen.io/anon/pen/QjPxvN?editors=101

спасибо большое работает отлично