AngularJS - выберите элемент из формы и создайте список

Question

У меня есть файл json с элементами, мне нужна форма, которая при вводе одного из элементов загружается в список вместе с другой информацией об этом элементе и сохраняется в виде списка. У меня есть форма, что при вводе элемента это появляется с остальной информацией, просто не знаю, как добавить его в список, который не исчезнет при просмотре другого элемента. Вот моя попытка:

js и html

app.controller('ArqCtrl', function($scope, $http) {
    $http.get("arquivo.json").success(function(response) {
        console.log(response);
        $scope.cidade = response;
    });
 
});

<md-content id="content">
    <div class="well">
        <br>
        <label>Search:<input type="text" ng-model="one" placeholder="Type" required></label>
     </div>
   
    <table>
        <thead>
            <th>Cidade</th>
            <th>pais</th>
            <th>telefone</th>
          
        </thead>
        <tbody>
            <tr ng-repeat="cid in cidade | filter: {name:one}">
            <td>{{cid.name}}</td>
            <td>{{cid.pais}}</td>
            <td>{{cid.telefone}}</td>
            </tr>
        </tbody>
    </table>
</md-content>

Answer 1

Правильно ли я понимаю - вы хотите отфильтровать список с надписью input?

<div class="well">
        <br>
        <label>Search:<input type="text" ng-model="search.name" placeholder="Type" required></label>
     </div>

    <table>
        <thead>
            <th>Cidade</th>
            <th>pais</th>
            <th>telefone</th>

        </thead>
        <tbody>
            <tr ng-repeat="cid in cidade | filter: search">
            <td>{{cid.name}}</td>
            <td>{{cid.pais}}</td>
            <td>{{cid.telefone}}</td>
            </tr>
        </tbody>
    </table>

Плункер: http://plnkr.co/edit/KF7yFTj27WPme7ecP4gt?p=preview