Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Commit 3d8423e

Browse filesBrowse files
committed
chore(docs): fix formatting
1 parent d3defff commit 3d8423e
Copy full SHA for 3d8423e

File tree

1 file changed

+6
-16
lines changed
Filter options

1 file changed

+6
-16
lines changed

‎apps/docs/docs/template/virtual-view-directive.mdx

Copy file name to clipboardExpand all lines: apps/docs/docs/template/virtual-view-directive.mdx
+6-16Lines changed: 6 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -47,23 +47,18 @@ RxVirtualView is designed to work in combination with related directives:
4747
### Show a widget when it's visible, otherwise show a placeholder
4848

4949
```typescript
50-
import {
51-
RxVirtualView,
52-
RxVirtualViewContent,
53-
RxVirtualViewObserver,
54-
RxVirtualViewPlaceholder,
55-
} from '@rx-angular/template/virtual-view';
50+
import { RxVirtualView, RxVirtualViewContent, RxVirtualViewObserver, RxVirtualViewPlaceholder } from '@rx-angular/template/virtual-view';
5651
// Other imports...
5752

5853
@Component({
5954
selector: 'my-list',
60-
imports: [RxVirtualView, RxVirtualViewContent, RxVirtualViewObserver, RxVirtualViewPlaceholder],
55+
imports: [RxVirtualView, RxVirtualViewContent, RxVirtualViewObserver, RxVirtualViewPlaceholder],
6156
templateUrl: './my-list.component.html',
6257
styleUrls: ['./my-list.component.scss'],
6358
changeDetection: ChangeDetectionStrategy.OnPush,
6459
})
6560
export class MyListComponent {
66-
// Component code
61+
// Component code
6762
}
6863
```
6964

@@ -104,23 +99,18 @@ This example demonstrates how to use RxVirtualView to optimize lists by only ren
10499
We are only rendering the `item` component when it's visible to the user. Otherwise, it gets replaced by an empty div.
105100

106101
```typescript
107-
import {
108-
RxVirtualView,
109-
RxVirtualViewContent,
110-
RxVirtualViewObserver,
111-
RxVirtualViewPlaceholder,
112-
} from '@rx-angular/template/virtual-view';
102+
import { RxVirtualView, RxVirtualViewContent, RxVirtualViewObserver, RxVirtualViewPlaceholder } from '@rx-angular/template/virtual-view';
113103
// Other imports...
114104

115105
@Component({
116106
selector: 'my-list',
117-
imports: [RxVirtualView, RxVirtualViewContent, RxVirtualViewObserver, RxVirtualViewPlaceholder],
107+
imports: [RxVirtualView, RxVirtualViewContent, RxVirtualViewObserver, RxVirtualViewPlaceholder],
118108
templateUrl: './my-list.component.html',
119109
styleUrls: ['./my-list.component.scss'],
120110
changeDetection: ChangeDetectionStrategy.OnPush,
121111
})
122112
export class MyListComponent {
123-
// Component code
113+
// Component code
124114
}
125115
```
126116

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.