1
ng-tableを使用して商品名でフィルタリングすると、「ファンタスティック商品01」が表示され、「ファンタスティック商品01」と表示されます。 ）を入力します。AngularJSフィルターワイルドカードまたはシンボルを除外
angular
.module('testApp',['ngTable'])
.controller('testCtrl',
function($scope,$filter,ngTableParams){
$scope.products = [{"name": "Fantastic® Product 01","price":1.99},{"name": "Fantastic® Product 02","price":2.99}];
$scope.productListParams = new ngTableParams({
page: 1,
count: $scope.products.length
}, {
counts: [],
total: $scope.products.length,
getData: function ($defer, params) {
var filteredData = params.filter() ? $filter('filter')($scope.products, params.filter()) : $scope.products;
var orderedData = params.sorting() ?
$filter('orderBy')(filteredData, params.orderBy()) : filteredData;
if (orderedData) {
params.total(orderedData.length);
$defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
} else {
$defer.reject();
}
}
});
});
<!DOCTYPE html>
<html>
<head>
<!-- ANGULAR -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.2/angular.min.js"></script>
<!-- NG-TABLE -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ng-table/0.8.3/ng-table.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-table/0.8.3/ng-table.min.js"></script>
</head>
<body ng-app="testApp" ng-controller="testCtrl">
<table class="table table-striped" ng-table="productListParams" show-filter="true">
<tbody>
<tr ng-repeat="product in $data">
<td data-title="'Name'" sortable="'name'" filter="{ 'name': 'text' }">{{product.name}}</td>
<td data-title="'Price'" sortable="'price'" filter="{ 'price': 'number' }">{{product.price | currency}}</td>
</tr>
</tbody>
</table>
</body>
</html>
Plnkr例：
$filter(?)
https://plnkr.co/edit/rAxVan5OnikCIzRDtMIB?p=previewは "ファンタスティック*製品01" 上記戻ります結果を入力して、たとえば、（すべてのシンボルで動作するように）ワイルドカードソリューションを探しています。あるいは登録されている商標/シンボルをすべて無視して、恐らく空白に置き換えてください。