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

AngularJS-从表单中选择项目并创建列表

1 个答案: