Angular MultiView - Loop the Views

The MultiView UI component can display views in a loop. The loop mode enables an end user to swipe through the last view to the first and vice versa. To enable this mode, assign true to the loop property.

HTML
TypeScript
  • <dx-multi-view
  • [dataSource]="multiViewItems"
  • [loop]="true">
  • </dx-multi-view>
  • import { DxMultiViewModule } from 'devextreme-angular';
  • // ...
  • export class AppComponent {
  • multiViewItems = [
  • { text: 'Personal Data' },
  • { text: 'Contacts' }
  • ];
  • }
  • @NgModule({
  • imports: [
  • // ...
  • DxMultiViewModule
  • ],
  • // ...
  • })
See Also