ng2-nested-search
Advanced tools
Comparing version 1.0.1 to 1.1.0
@@ -61,3 +61,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
Pipe({ | ||
name: "ngxSearchFilter" | ||
name: "ng2NestedSearch" | ||
}) | ||
@@ -64,0 +64,0 @@ ], FilterPipe); |
@@ -1,1 +0,1 @@ | ||
[{"__symbolic":"module","version":4,"metadata":{"FilterPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"ngxSearchFilter"}]}],"members":{"transform":[{"__symbolic":"method"}]}}}}] | ||
[{"__symbolic":"module","version":4,"metadata":{"FilterPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"ng2NestedSearch"}]}],"members":{"transform":[{"__symbolic":"method"}]}}}}] |
{ | ||
"name": "ng2-nested-search", | ||
"version": "1.0.1", | ||
"version": "1.1.0", | ||
"description": "A simple custom pipe for filtering arrays in your angular(2+) projects and get the count of filtered items.", | ||
@@ -5,0 +5,0 @@ "main": "./dist/index.js", |
@@ -68,5 +68,22 @@ # ng2-nested-search | ||
``` | ||
<input [(ngModel)]="searchText"/> | ||
<div style="text-align: center;"> | ||
<div style="display : inline-block; width : 100%"> | ||
<input style="width: 100%;" placeholder="Search" [(ngModel)]="searchText"/> | ||
</div> | ||
</div> | ||
<div *ngFor="let character of characters | ngxSearchFilter: { 'name' : searchText, 'family' : searchText} : filterMetadata"> | ||
<div style="border: 1px solid #ccc;padding: 8px;margin: 8px;border-radius: 4px;" *ngFor="let character of characters | ng2NestedSearch: { 'name' : searchText, 'family' : searchText} : filterMetadata"> | ||
<div> | ||
<span style="color: #888;">Name : </span> | ||
<span [innerHTML]="character.name"></span> | ||
</div> | ||
<div> | ||
<span style="color: #888;">Family : </span> | ||
<span [innerHTML]="character.family"></span> | ||
</div> | ||
<div> | ||
<span style="color: #888;">Gender : </span> | ||
<span [innerHTML]="character.gender"></span> | ||
</div> | ||
</div> | ||
``` | ||
@@ -85,6 +102,25 @@ | ||
``` | ||
<input [(ngModel)]="searchName"/> | ||
<input [(ngModel)]="searchFamily"/> | ||
<div style="text-align: center;"> | ||
<div style="display : inline-block; width : 48%"> | ||
<input placeholder="Search By Family" [(ngModel)]="searchFamily"/> | ||
</div> | ||
<div style="display : inline-block; width : 48%"> | ||
<input placeholder="Search By Name" [(ngModel)]="searchName"/> | ||
</div> | ||
</div> | ||
<div *ngFor="let character of characters | ngxSearchFilter: { 'name' : searchName, 'family' : searchFamily} : filterMetadata"> | ||
<div style="border: 1px solid #ccc;padding: 8px;margin: 8px;border-radius: 4px;" *ngFor="let character of characters | ng2NestedSearch: { 'name' : searchName, 'family' : searchFamily} : filterMetadata"> | ||
<div> | ||
<span style="color: #888;">Name : </span> | ||
<span [innerHTML]="character.name"></span> | ||
</div> | ||
<div> | ||
<span style="color: #888;">Family : </span> | ||
<span [innerHTML]="character.family"></span> | ||
</div> | ||
<div> | ||
<span style="color: #888;">Gender : </span> | ||
<span [innerHTML]="character.gender"></span> | ||
</div> | ||
</div> | ||
``` | ||
@@ -91,0 +127,0 @@ |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
15872
136