@@ -150,7 +150,20 @@ <h3>Metadata</h3>
150
150
< td class ="col-md-9 "> < code > app-root</ code > </ td >
151
151
</ tr >
152
152
153
+ < tr >
154
+ < td class ="col-md-3 "> standalone</ td >
155
+ < td class ="col-md-9 "> < code > true</ code > </ td >
156
+ </ tr >
153
157
158
+ < tr >
159
+ < td class ="col-md-3 "> imports</ td >
160
+ < td class ="col-md-9 ">
161
+ < code > NgClass</ code >
162
+ < code > NgIf</ code >
163
+ < code > NgFor</ code >
164
+ < code > KeysPipe</ code >
165
+ </ td >
166
+ </ tr >
154
167
155
168
< tr >
156
169
< td class ="col-md-3 "> styleUrls</ td >
@@ -266,7 +279,7 @@ <h3 id="constructor">Constructor</h3>
266
279
</ tr >
267
280
< tr >
268
281
< td class ="col-md-4 ">
269
- < div class ="io-line "> Defined in < a href ="" data-line ="14 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:14 </ a > </ div >
282
+ < div class ="io-line "> Defined in < a href ="" data-line ="18 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:18 </ a > </ div >
270
283
</ td >
271
284
</ tr >
272
285
@@ -333,8 +346,8 @@ <h3 id="methods">
333
346
334
347
< tr >
335
348
< td class ="col-md-4 ">
336
- < div class ="io-line "> Defined in < a href ="" data-line ="40 "
337
- class ="link-to-prism "> projects/demo/src/app/app.component.ts:40 </ a > </ div >
349
+ < div class ="io-line "> Defined in < a href ="" data-line ="44 "
350
+ class ="link-to-prism "> projects/demo/src/app/app.component.ts:44 </ a > </ div >
338
351
</ td >
339
352
</ tr >
340
353
@@ -400,8 +413,8 @@ <h3 id="methods">
400
413
401
414
< tr >
402
415
< td class ="col-md-4 ">
403
- < div class ="io-line "> Defined in < a href ="" data-line ="24 "
404
- class ="link-to-prism "> projects/demo/src/app/app.component.ts:24 </ a > </ div >
416
+ < div class ="io-line "> Defined in < a href ="" data-line ="28 "
417
+ class ="link-to-prism "> projects/demo/src/app/app.component.ts:28 </ a > </ div >
405
418
</ td >
406
419
</ tr >
407
420
@@ -437,8 +450,8 @@ <h3 id="methods">
437
450
438
451
< tr >
439
452
< td class ="col-md-4 ">
440
- < div class ="io-line "> Defined in < a href ="" data-line ="45 "
441
- class ="link-to-prism "> projects/demo/src/app/app.component.ts:45 </ a > </ div >
453
+ < div class ="io-line "> Defined in < a href ="" data-line ="49 "
454
+ class ="link-to-prism "> projects/demo/src/app/app.component.ts:49 </ a > </ div >
442
455
</ td >
443
456
</ tr >
444
457
@@ -484,7 +497,7 @@ <h3 id="inputs">
484
497
</ tr >
485
498
< tr >
486
499
< td class ="col-md-4 ">
487
- < div class ="io-line "> Defined in < a href ="" data-line ="11 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:11 </ a > </ div >
500
+ < div class ="io-line "> Defined in < a href ="" data-line ="15 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:15 </ a > </ div >
488
501
</ td >
489
502
</ tr >
490
503
@@ -515,7 +528,7 @@ <h3 id="inputs">
515
528
</ tr >
516
529
< tr >
517
530
< td class ="col-md-4 ">
518
- < div class ="io-line "> Defined in < a href ="" data-line ="10 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:10 </ a > </ div >
531
+ < div class ="io-line "> Defined in < a href ="" data-line ="14 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:14 </ a > </ div >
519
532
</ td >
520
533
</ tr >
521
534
@@ -535,7 +548,7 @@ <h3 id="inputs">
535
548
</ tr >
536
549
< tr >
537
550
< td class ="col-md-4 ">
538
- < div class ="io-line "> Defined in < a href ="" data-line ="14 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:14 </ a > </ div >
551
+ < div class ="io-line "> Defined in < a href ="" data-line ="18 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:18 </ a > </ div >
539
552
</ td >
540
553
</ tr >
541
554
@@ -566,7 +579,7 @@ <h3 id="inputs">
566
579
</ tr >
567
580
< tr >
568
581
< td class ="col-md-4 ">
569
- < div class ="io-line "> Defined in < a href ="" data-line ="13 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:13 </ a > </ div >
582
+ < div class ="io-line "> Defined in < a href ="" data-line ="17 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:17 </ a > </ div >
570
583
</ td >
571
584
</ tr >
572
585
@@ -591,7 +604,7 @@ <h3 id="inputs">
591
604
</ tr >
592
605
< tr >
593
606
< td class ="col-md-4 ">
594
- < div class ="io-line "> Defined in < a href ="" data-line ="12 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:12 </ a > </ div >
607
+ < div class ="io-line "> Defined in < a href ="" data-line ="16 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:16 </ a > </ div >
595
608
</ td >
596
609
</ tr >
597
610
@@ -620,7 +633,7 @@ <h3 id="accessors">
620
633
</ tr >
621
634
< tr >
622
635
< td class ="col-md-4 ">
623
- < div class ="io-line "> Defined in < a href ="" data-line ="28 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:28 </ a > </ div >
636
+ < div class ="io-line "> Defined in < a href ="" data-line ="32 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:32 </ a > </ div >
624
637
</ td >
625
638
</ tr >
626
639
@@ -642,7 +655,7 @@ <h3 id="accessors">
642
655
</ tr >
643
656
< tr >
644
657
< td class ="col-md-4 ">
645
- < div class ="io-line "> Defined in < a href ="" data-line ="32 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:32 </ a > </ div >
658
+ < div class ="io-line "> Defined in < a href ="" data-line ="36 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:36 </ a > </ div >
646
659
</ td >
647
660
</ tr >
648
661
@@ -664,7 +677,7 @@ <h3 id="accessors">
664
677
</ tr >
665
678
< tr >
666
679
< td class ="col-md-4 ">
667
- < div class ="io-line "> Defined in < a href ="" data-line ="36 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:36 </ a > </ div >
680
+ < div class ="io-line "> Defined in < a href ="" data-line ="40 " class ="link-to-prism "> projects/demo/src/app/app.component.ts:40 </ a > </ div >
668
681
</ td >
669
682
</ tr >
670
683
@@ -677,11 +690,15 @@ <h3 id="accessors">
677
690
< div class ="tab-pane fade tab-source-code " id ="source ">
678
691
< pre class ="line-numbers compodoc-sourcecode "> < code class ="language-typescript "> import { Component, VERSION } from '@angular/core';
679
692
import { DeviceDetectorService } from 'ngx-device-detector';
693
+ import { NgClass, NgIf, NgFor } from '@angular/common';
694
+ import { KeysPipe } from './pipes/keys.pipe';
680
695
681
696
@Component({
682
- selector: 'app-root',
683
- templateUrl: './app.component.html',
684
- styleUrls: ['./app.component.scss'],
697
+ selector: 'app-root',
698
+ templateUrl: './app.component.html',
699
+ styleUrls: ['./app.component.scss'],
700
+ imports: [NgClass, NgIf, NgFor, KeysPipe],
701
+ standalone: true
685
702
})
686
703
export class AppComponent {
687
704
propsToShow = ['userAgent', 'os', 'browser', 'device', 'os_version', 'browser_version', 'deviceType', 'orientation'];
0 commit comments