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 189c427

Browse filesBrowse files
authored
Merge pull request #1853 from rx-angular/fix-format
chore(docs): fix formatting
2 parents d3defff + 3d8423e commit 189c427
Copy full SHA for 189c427

File tree

Expand file treeCollapse file tree

1 file changed

+6
-16
lines changed
Filter options
Expand file treeCollapse file tree

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.