ng-cache-route-reuse

KO | EN

gitlite — search

#javascript #python #ai #typescript #android #machine-learning #nodejs #windows #kubernetes #vue #security #mcp #openai #ios

ng-cache-route-reuse

(★ 12)

Angular cache route reuse strategy

ng-cache-route-reuse 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Angular Cache Route Reuse Strategy

A simple angular route reuse strategy with attach/detach hooks.

## Getting Started

**Installation:**

`npm install ng-cache-route-reuse --save`

Import **`NgCacheRouteReuseModule`** into `AppModule`:

```typescript
import { NgCacheRouteReuseModule } from 'ng-cache-route-reuse';

@NgModule({
  imports: [
    BrowserModule,
    AppRoutingModule,
    NgCacheRouteReuseModule,
    ...
})
export class AppModule { }
```

Set **`reuse:true`** in route's data to enable route reuse:

```typescript
const routes: Routes = [
  ...
  {
    path: 'home',
    component: HomeComponent,
    data: {
      reuse: true
    },
  },
  ...
];
```

## Attach/Detach Hooks

You can use hooks for performing additional subscribe/unsubscribe functionality:

```typescript
import { NgCacheRouteReuseService } from 'ng-cache-route-reuse';

@Component({})
export class HomeComponent implements OnInit {
  constructor(private cacheRouteReuseService: NgCacheRouteReuseService) {}

public ngOnInit(): void {
    this.cacheRouteReuseService
      .onAttach(HomeComponent) // or any reuse route's component
      .subscribe((component) => {
        // code...
      });

this.cacheRouteReuseService
      .onDetach(HomeComponent) // or any reuse route's component
      .subscribe((component) => {
        // code...
      });
  }
}
```

ng-cache-route-reuse

ng-cache-route-reuse 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

ng-cache-route-reuse

ng-cache-route-reuse 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README