Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

ng2-nested-search

Package Overview
Dependencies
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ng2-nested-search - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0

2

dist/components/ng2-nested-search-component.js

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc