Отфильтруйте чувствительные к регистру данные с повторяющейся записью в столбце, используя панель поиска, и верните эту конкретную строку AngularJS.

Question

Отфильтруйте чувствительные к регистру данные с повторяющейся записью в столбце, используя панель поиска, и верните эту конкретную строку AngularJS.

0

Мое решение: AngularJS - Таблица поиска - Таблица фильтров, td {border: 1px solid grey; border-collapse: collapse; пограничный крах: сбой; padding: 5px; padding: 5px; } }

<body>
<div ng-app="myApp" ng-controller="namesCtrl"/> 
<p>Filtering input:</p>    
<p><input type="text" data-ng-model="search.City"></p>

<table>
  <tr data-ng-repeat="x in names | filter: search: strict ">
    <td> {{ x.Name }}</td>
    <td>{{ x.City }} </td>
    <td> {{ x.Country }}</td>

  </tr>
</table> 
<p>{{ City | lowercase }}</p>
<script>

var app = angular.module('myApp', []);
app.controller('namesCtrl', function($scope, $http) {
    $http.get("names.js")
    .success(function (response) {$scope.names = response.records;});
});
</script>
</body>
</html>

The above code displays the data from the table from the column "City". But I have a duplicate like,"Sao" and "sao". When the user searches for "Sao" the returned value should be the row of data which contains "Sao" as the city.

Нажмите здесь, чтобы просмотреть решение перед поиском

Нажмите здесь, чтобы посмотреть после фильтра

DhivyaPrema 04 авг. 2016, в 07:29

Источник

Теги:

java

javascript

html

angularjs

css