@for (item of users; track $index) {
![]()
}
with-dip.component.spec.ts 0000664 0000000 0000000 00000001130 14677273335 0035230 0 ustar 00root root 0000000 0000000 solid-design-pattern-angular-1.0/src/app/dependency-inversion-principle/with-dip import { ComponentFixture, TestBed } from '@angular/core/testing';
import { WithDipComponent } from './with-dip.component';
describe('WithDipComponent', () => {
let component: WithDipComponent;
let fixture: ComponentFixture{{item.first_name}} {{item.last_name}}
{{item.email}}
@for (item of users; track $index) {
![]()
}
without-dip.component.spec.ts 0000664 0000000 0000000 00000001155 14677273335 0036517 0 ustar 00root root 0000000 0000000 solid-design-pattern-angular-1.0/src/app/dependency-inversion-principle/without-dip import { ComponentFixture, TestBed } from '@angular/core/testing';
import { WithoutDipComponent } from './without-dip.component';
describe('WithoutDipComponent', () => {
let component: WithoutDipComponent;
let fixture: ComponentFixture{{item.first_name}} {{item.last_name}}
{{item.email}}
S: Single Responsibility Principle
{{paymentStatus}}
with-isp.component.spec.ts 0000664 0000000 0000000 00000001130 14677273335 0035403 0 ustar 00root root 0000000 0000000 solid-design-pattern-angular-1.0/src/app/interface-segregation-principle/with-isp import { ComponentFixture, TestBed } from '@angular/core/testing'; import { WithIspComponent } from './with-isp.component'; describe('WithIspComponent', () => { let component: WithIspComponent; let fixture: ComponentFixture{{paymentStatus}}
without-isp.component.spec.ts 0000664 0000000 0000000 00000001155 14677273335 0036672 0 ustar 00root root 0000000 0000000 solid-design-pattern-angular-1.0/src/app/interface-segregation-principle/without-isp import { ComponentFixture, TestBed } from '@angular/core/testing'; import { WithoutIspComponent } from './without-isp.component'; describe('WithoutIspComponent', () => { let component: WithoutIspComponent; let fixture: ComponentFixtureL: Liskov Substitution Principle
{{paymentStatus}}
payment-lsp.component.spec.ts 0000664 0000000 0000000 00000001155 14677273335 0040025 0 ustar 00root root 0000000 0000000 solid-design-pattern-angular-1.0/src/app/liskov-substitution-pinciple/with-lsp/payment-lsp import { ComponentFixture, TestBed } from '@angular/core/testing'; import { PaymentLspComponent } from './payment-lsp.component'; describe('PaymentLspComponent', () => { let component: PaymentLspComponent; let fixture: ComponentFixture{{paymentStatus}}
payment.component.spec.ts 0000664 0000000 0000000 00000001127 14677273335 0037164 0 ustar 00root root 0000000 0000000 solid-design-pattern-angular-1.0/src/app/liskov-substitution-pinciple/without-lsp/payment import { ComponentFixture, TestBed } from '@angular/core/testing'; import { PaymentComponent } from './payment.component'; describe('PaymentComponent', () => { let component: PaymentComponent; let fixture: ComponentFixtureO: The Open/Closed Principle
User Details
Name: {{ user.name }}
Email: {{ user.email }}
Phone: {{ user.phone }}
Address: {{ user.address }}
Age: {{ user.age }}
| Name | Phone | |
|---|---|---|
| {{ user.name }} | {{ user.email }} | {{ user.phone }} |
| Name | Phone | |
|---|---|---|
| {{ user.name }} | {{ user.email }} | {{ user.phone }} |
User Details
Name: {{ selectedUser.name }}
Email: {{ selectedUser.email }}
Phone: {{ selectedUser.phone }}
Address: {{ selectedUser.address }}
Age: {{ selectedUser.age }}
S: Single Responsibility Principle
-
@for (course of courses; track course.name) {
- {{ course.name }} } @empty {
- There are no courses. }
-
@for (course of filteredCourses; track course.name) {
- {{ course.name }} } @empty {
- There are no courses. }