chore: ng demo

Author: farfromrefug

demo-snippets/ng/basic-pager/basic-pager.component.ts

@@ -1,30 +1,30 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, NO_ERRORS_SCHEMA, OnInit } from '@angular/core';
 import { RouterExtensions } from '@nativescript/angular';
 
 @Component({
     selector: 'ns-basic-pager',
     templateUrl: './basic-pager.component.html',
-    styleUrls: ["./basic-pager.component.scss"],
+    styleUrls: ['./basic-pager.component.scss']
 })
 export class BasicPagerComponent implements OnInit {
     constructor(private router: RouterExtensions) {}
 
     items = [
         {
-            title: "First",
-            color: "#e67e22"
+            title: 'First',
+            color: '#e67e22'
         },
         {
-            title: "Second",
-            color: "#3498db"
+            title: 'Second',
+            color: '#3498db'
         },
         {
-            title: "Third",
-            color: "#e74c3c"
+            title: 'Third',
+            color: '#e74c3c'
         },
         {
-            title: "Fourth",
-            color: "#9b59b6"
+            title: 'Fourth',
+            color: '#9b59b6'
         }
     ];
 

demo-snippets/ng/indicator/indicator.component.ts

@@ -1,10 +1,10 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, NO_ERRORS_SCHEMA, OnInit } from '@angular/core';
 import { RouterExtensions } from '@nativescript/angular';
 
 @Component({
     selector: 'ns-indicator',
     templateUrl: './indicator.component.html',
-    styleUrls: ["./indicator.component.scss"],
+    styleUrls: ['./indicator.component.scss']
 })
 export class IndicatorComponent implements OnInit {
     selectedIndex = 0;
@@ -13,20 +13,20 @@ export class IndicatorComponent implements OnInit {
 
     items = [
         {
-            title: "First",
-            color: "#e67e22"
+            title: 'First',
+            color: '#e67e22'
         },
         {
-            title: "Second",
-            color: "#3498db"
+            title: 'Second',
+            color: '#3498db'
         },
         {
-            title: "Third",
-            color: "#e74c3c"
+            title: 'Third',
+            color: '#e74c3c'
         },
         {
-            title: "Fourth",
-            color: "#9b59b6"
+            title: 'Fourth',
+            color: '#9b59b6'
         }
     ];
 

demo-snippets/ng/install.module.ts

@@ -1,24 +1,26 @@
 import { NO_ERRORS_SCHEMA, NgModule } from '@angular/core';
+import { NativeScriptCommonModule, NativeScriptModule } from '@nativescript/angular';
 
-import { PagerModule } from "@nativescript-community/ui-pager/angular";
+import { PagerModule } from '@nativescript-community/ui-pager/angular';
 
 import { StaticPagerComponent } from './static-pager/static-pager.component';
 import { BasicPagerComponent } from './basic-pager/basic-pager.component';
 import { IndicatorComponent } from './indicator/indicator.component';
 
 export const COMPONENTS = [StaticPagerComponent, BasicPagerComponent, IndicatorComponent];
 @NgModule({
-    imports: [PagerModule],
+    imports: [NativeScriptModule, PagerModule],
+    declarations: [...COMPONENTS],
     exports: [PagerModule],
     schemas: [NO_ERRORS_SCHEMA]
 })
 export class InstallModule {}
 
-export function installPlugin() { }
+export function installPlugin() {}
 
 export const demos = [
     { name: 'Static Pager', path: 'static-pager', component: StaticPagerComponent },
     { name: 'Basic Pager', path: 'basic-pager', component: BasicPagerComponent },
-    { name: 'Indicator', path: 'indicator', component: IndicatorComponent }
+    { name: 'Indicator', path: 'indicator', component: IndicatorComponent },
+    { name: 'Carousel', path: 'carousel', component: CarouselComponent },
 ];
-

demo-snippets/ng/static-pager/static-pager.component.ts

@@ -1,10 +1,10 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, NO_ERRORS_SCHEMA, OnInit } from '@angular/core';
 import { RouterExtensions } from '@nativescript/angular';
 
 @Component({
     selector: 'ns-static-pager',
     templateUrl: './static-pager.component.html',
-    styleUrls: ["./static-pager.component.scss"],
+    styleUrls: ['./static-pager.component.scss']
 })
 export class StaticPagerComponent implements OnInit {
     constructor(private router: RouterExtensions) {}