برنامه نویسی
استفاده از Styles و StyleUrls Component Properties در Angular
مسئله
تکرار یک سبک در هنگام کدنویسی رایج است، به عنوان مثال: – کانتینر، دکمه های سبک فونت و غیره.
همانطور که کامپوننت زاویه ای جدا می شود (CSS و HTML)، با یک کد تکراری مواجه می شویم و اگر نیاز به تغییر سبکی داشته باشیم باید چندین بار برای تغییرات جزئی تغییر دهیم -شاید-
✨راه حل
styleUrls: [‘./component1.scss’,
‘../component2.scss’]
@Component({
selector: 'component',
templateUrl: './component.html',
styleUrls: ['./component1.scss',
'../component2.scss']
})
export class Component implements OnInit {
ngOnInit(): void {
}
}
بنابراین اگر سبک مورد نیاز ما در یک جزء متفاوت وجود دارد، میتوانیم مسیر CSS را بهتر از کپی کردن کد سبک اضافه کنیم.