AngularJSのループとフィルターを使って、テーブルを出力しています。
そのテーブルに表示後から値を追加したいのですが、どのように追加すればいいかわかりません。

<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
  <meta charset="UTF-8">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
  <script src="http://code.jquery.com/jquery.js"></script>
  <script>
    var app = angular.module('app', [])
    app.controller('myController', function() {
      this.members = [
        { name: 'Toyota', score:20298 },
        { name: 'Honda', score:20302 },
        { name: 'Suzuki', score:20303 }
      ];
    });
    </script>
    <script>
    $(function(){
      $('#button_id').click(function(){
          $('#table_id tr:last').after('<tr><td>masao</td><td>00009</td></tr>');
      });
    });
    </script>
</head>
<body>
<div ng-controller="myController as myCtrl">
  <input type="text" ng-model="searchText" id="area">
  <section class="list1">
    <table border="1" id="table_id">
      <tr ng-repeat="member in myCtrl.members|filter:searchText">
        <td>{{member.name}} </td><td>{{member.score}}</td>
      </tr>
    </table>
  </section>
</div>
<button id="button_id" type="button">button</button>
</body>
</html>

上記のサンプルではjQueryを使い強引に値["masao",00009]を追加していますが、当然これではフィルタはかからないし、jQueryは使いたく無いのですが、どのようにangularjsで書けばいいかわかりません。
ご存知の方いましたら、よろしくお願いします。