xxxxxxxxxx
content_copy
export class SizerComponent {
@Input() size!: number | string;
@Output() sizeChange = new EventEmitter<number>();
dec() { this.resize(-1); }
inc() { this.resize(+1); }
resize(delta: number) {
this.size = Math.min(40, Math.max(8, +this.size + delta));
this.sizeChange.emit(this.size);
}
}
xxxxxxxxxx
content_copy
<div>
<button (click)="dec()" title="smaller">-</button>
<button (click)="inc()" title="bigger">+</button>
<label [style.font-size.px]="size">FontSize: {{size}}px</label>
</div>
xxxxxxxxxx
Checking File Sizes:
ls -lh filename #Displays Size of the specified file
ls -lh * #Displays Size of All the files in the current directory
ls -alh * #Displays Size of All the files including hidden files in the current directory
Checking Directory sizes:
du -sh directory_name #Gives you the summarized(-s) size of the directory in human readable(-h) format
du -bsh * #Gives you the apparent(-b) summarized(-s) size of all the files and directories in the current directory in human readable(-h) format