Movatterモバイル変換

[0]ホーム
URL:

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

 Sign up
Appearance settings

Commit05c6eba

Browse files
committed
feat: standalone components
1 parentaaa2998 commit05c6eba

File tree

42 files changed

+287
-231
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+287
-231
lines changed

‎projects/coreui-angular/src/lib/aside/app-aside.component.spec.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@ describe('AppAsideComponent', () => {
88

99
beforeEach(waitForAsync(()=>{
1010
TestBed.configureTestingModule({
11-
declarations:[AppAsideComponent]
11+
imports:[AppAsideComponent]
1212
})
13-
.compileComponents();
13+
.compileComponents();
1414
}));
1515

1616
beforeEach(()=>{

‎projects/coreui-angular/src/lib/aside/app-aside.component.ts‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
1-
import{Component,Input,OnInit,OnDestroy,Inject,Renderer2,HostBinding}from'@angular/core';
2-
import{DOCUMENT}from'@angular/common';
1+
import{Component,Input,OnInit,OnDestroy,Inject,Renderer2,HostBinding}from'@angular/core';
2+
import{DOCUMENT}from'@angular/common';
33

44
import{asideMenuCssClasses}from'../shared';
55

66
@Component({
77
selector:'app-aside, cui-aside',
8-
template:`<ng-content></ng-content>`
8+
template:`<ng-content></ng-content>`,
9+
standalone:true
910
})
1011
exportclassAppAsideComponentimplementsOnInit,OnDestroy{
1112
@Input()display:any;
@@ -17,7 +18,7 @@ export class AppAsideComponent implements OnInit, OnDestroy {
1718
@HostBinding('class.aside-menu')asideMenuClass=true;
1819

1920
constructor(
20-
@Inject(DOCUMENT)privatedocument:any,
21+
@Inject(DOCUMENT)privatedocument:Document,
2122
privaterenderer:Renderer2,
2223
){}
2324

@@ -44,7 +45,7 @@ export class AppAsideComponent implements OnInit, OnDestroy {
4445
}
4546

4647
displayBreakpoint(display:any=this.display):void{
47-
if(display!==false){
48+
if(display!==false){
4849
constcssClass=this.display ?`aside-menu-${this.display}-show` :asideMenuCssClasses[0];
4950
this.renderer.addClass(this.document.body,cssClass);
5051
}
Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,13 @@
1-
import{CommonModule}from'@angular/common';
21
import{NgModule}from'@angular/core';
3-
import{LayoutModule}from'../shared/layout/layout.module';
42

53
import{AppAsideComponent}from'./app-aside.component';
64

75
@NgModule({
86
imports:[
9-
CommonModule,
10-
LayoutModule
7+
AppAsideComponent
118
],
129
exports:[
1310
AppAsideComponent
1411
],
15-
declarations:[
16-
AppAsideComponent
17-
]
1812
})
19-
exportclassAppAsideModule{}
13+
exportclassAppAsideModule{}

‎projects/coreui-angular/src/lib/breadcrumb/app-breadcrumb.component.ts‎

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
1-
import{Component,ElementRef,Inject,Input,OnDestroy,OnInit,Renderer2}from'@angular/core';
2-
import{DOCUMENT}from'@angular/common';
1+
import{Component,ElementRef,Inject,Input,OnDestroy,OnInit,Renderer2}from'@angular/core';
2+
import{DOCUMENT,NgClass,NgIf}from'@angular/common';
33

4-
import{AppBreadcrumbService}from'./app-breadcrumb.service';
5-
import{Replace}from'../shared';
4+
import{AppBreadcrumbService}from'./app-breadcrumb.service';
5+
import{Replace}from'../shared';
66
import{Observable}from'rxjs';
7+
import{RouterLink}from'@angular/router';
78

89
@Component({
910
selector:'app-breadcrumb',
@@ -16,15 +17,17 @@ import { Observable } from 'rxjs';
1617
<span *ngIf="last" [routerLink]="breadcrumb.url">{{breadcrumb.label.title}}</span>
1718
</li>
1819
</ng-template>
19-
`
20+
`,
21+
standalone:true,
22+
imports:[NgIf,NgClass,RouterLink]
2023
})
2124
exportclassAppBreadcrumbComponentimplementsOnInit,OnDestroy{
2225
@Input()fixed?:boolean;
2326
publicbreadcrumbs?:Observable<any>;
2427
privatereadonlyfixedClass='breadcrumb-fixed';
2528

2629
constructor(
27-
@Inject(DOCUMENT)privatedocument:any,
30+
@Inject(DOCUMENT)privatedocument:Document,
2831
privaterenderer:Renderer2,
2932
publicservice:AppBreadcrumbService,
3033
publicel:ElementRef

‎projects/coreui-angular/src/lib/breadcrumb/app-breadcrumb.module.ts‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import{CommonModule}from'@angular/common';
2-
import{NgModule,ModuleWithProviders}from'@angular/core';
1+
import{CommonModule}from'@angular/common';
2+
import{NgModule,ModuleWithProviders}from'@angular/core';
33
import{RouterModule}from'@angular/router';
44

55
// App Breadcrumb Component
@@ -9,9 +9,8 @@ import { CuiBreadcrumbComponent } from './cui-breadcrumb.component';
99

1010
//@dynamic
1111
@NgModule({
12-
imports:[CommonModule,RouterModule],
13-
exports:[AppBreadcrumbComponent,CuiBreadcrumbComponent],
14-
declarations:[AppBreadcrumbComponent,CuiBreadcrumbComponent]
12+
imports:[AppBreadcrumbComponent,CuiBreadcrumbComponent],
13+
exports:[AppBreadcrumbComponent,CuiBreadcrumbComponent],
1514
})
1615
exportclassAppBreadcrumbModule{
1716
staticforRoot(config?:any):ModuleWithProviders<AppBreadcrumbModule>{

‎projects/coreui-angular/src/lib/breadcrumb/app-breadcrumb.service.ts‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,8 @@ import { BehaviorSubject, Observable } from 'rxjs';
44
import{filter}from'rxjs/operators';
55

66
@Injectable({
7-
providedIn:'root'
8-
}
9-
)
7+
providedIn:'root'
8+
})
109
exportclassAppBreadcrumbService{
1110

1211
breadcrumbs:Observable<Array<any>>;

‎projects/coreui-angular/src/lib/breadcrumb/cui-breadcrumb.component.spec.ts‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,9 @@ describe('CuiBreadcrumbComponent', () => {
99

1010
beforeEach(waitForAsync(()=>{
1111
TestBed.configureTestingModule({
12-
imports:[RouterTestingModule.withRoutes([])],
13-
declarations:[CuiBreadcrumbComponent]
12+
imports:[RouterTestingModule.withRoutes([]),CuiBreadcrumbComponent],
1413
})
15-
.compileComponents();
14+
.compileComponents();
1615
}));
1716

1817
beforeEach(()=>{

‎projects/coreui-angular/src/lib/breadcrumb/cui-breadcrumb.component.ts‎

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,16 @@
1-
import{Component,ElementRef,Inject,Input,OnDestroy,OnInit,Renderer2}from'@angular/core';
2-
import{DOCUMENT}from'@angular/common';
3-
4-
import{AppBreadcrumbService}from'./app-breadcrumb.service';
1+
import{Component,Inject,Input,OnDestroy,OnInit,Renderer2}from'@angular/core';
2+
import{DOCUMENT,NgIf,NgClass,AsyncPipe,NgForOf}from'@angular/common';
3+
import{RouterLink}from'@angular/router';
54
import{Observable}from'rxjs';
65

6+
import{AppBreadcrumbService}from'./app-breadcrumb.service';
7+
78
@Component({
89
// tslint:disable-next-line:component-selector
910
selector:'cui-breadcrumb',
10-
templateUrl:'./cui-breadcrumb.component.html'
11+
templateUrl:'./cui-breadcrumb.component.html',
12+
standalone:true,
13+
imports:[NgIf,NgClass,RouterLink,AsyncPipe,NgForOf]
1114
})
1215
exportclassCuiBreadcrumbComponentimplementsOnInit,OnDestroy{
1316
@Input()fixed?:boolean;
@@ -16,7 +19,7 @@ export class CuiBreadcrumbComponent implements OnInit, OnDestroy {
1619
privatereadonlyfixedClass='breadcrumb-fixed';
1720

1821
constructor(
19-
@Inject(DOCUMENT)privatedocument:any,
22+
@Inject(DOCUMENT)privatedocument:Document,
2023
privaterenderer:Renderer2,
2124
publicservice:AppBreadcrumbService,
2225
){}

‎projects/coreui-angular/src/lib/footer/app-footer.component.spec.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@ describe('AppAsideComponent', () => {
88

99
beforeEach(waitForAsync(()=>{
1010
TestBed.configureTestingModule({
11-
declarations:[AppFooterComponent]
11+
imports:[AppFooterComponent]
1212
})
13-
.compileComponents();
13+
.compileComponents();
1414
}));
1515

1616
beforeEach(()=>{

‎projects/coreui-angular/src/lib/footer/app-footer.component.ts‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
1-
import{Component,HostBinding,Inject,Input,OnDestroy,OnInit,Renderer2}from'@angular/core';
2-
import{DOCUMENT}from'@angular/common';
1+
import{Component,HostBinding,Inject,Input,OnDestroy,OnInit,Renderer2}from'@angular/core';
2+
import{DOCUMENT}from'@angular/common';
33

44
@Component({
55
selector:'app-footer, cui-footer',
6-
template:`<ng-content></ng-content>`
6+
template:`<ng-content></ng-content>`,
7+
standalone:true
78
})
89
exportclassAppFooterComponentimplementsOnInit,OnDestroy{
910
@Input()fixed?:boolean;
@@ -13,7 +14,7 @@ export class AppFooterComponent implements OnInit, OnDestroy {
1314
@HostBinding('class.app-footer')appFooterClass=true;
1415

1516
constructor(
16-
@Inject(DOCUMENT)privatedocument:any,
17+
@Inject(DOCUMENT)privatedocument:Document,
1718
privaterenderer:Renderer2,
1819
){}
1920

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp