Sublime Text as editor in Git-Bash
In ~/.gitconfig (or %USERPROFILE%\.gitconfig on Windows): [core] editor = sublime_text -n -w[core] editor = sublime_text -n -w
Library in Angular project
Creating library inside Anuglar app to make reusable in another projects. Making utils-lib library, default prefix fo selectors will be utils $ ng g library utils-lib –prefix utils$ ng g library utils-lib –prefix utils Create simple directive in previously created library: $ ng g d simple –project utils-lib –export$ ng g d simple –project utils-lib Read more about Library in Angular project[…]
@Optional dependency in Angular
Usage of @Optional (optional dependency), for example when LoginComponent is used as dialog or standalone. import { Optional } from ‘@angular/core’; constructor( @Optional() private dialogRef: MatDialogRef<LoginComponent>, ) { … } import { Optional } from ‘@angular/core’; constructor( @Optional() private dialogRef: MatDialogRef<LoginComponent>, ) { … }
Reactive Form: previous value
let form = this.fb.group({ ‘hotelLocation’:[null] }); form.get(’hotelLocation’).valueChanges.subscribe(v => { // HERE !! let prevVal = this.form.value[’hotelLocation’]; });let form = this.fb.group({ ‘hotelLocation’:[null] }); form.get(‘hotelLocation’).valueChanges.subscribe(v => { // HERE !! let prevVal = this.form.value[‘hotelLocation’]; });
@DateTimeFormat usage example
@GetMapping("/find") public Page<ReportProjection> reports( @RequestParam(required = false, name = "status") ReportStatus status, @RequestParam(required = false, name = "search") String search, @DateTimeFormat(pattern="yyyy-MM-dd") @RequestParam(required = false, name = "from") Date from, @DateTimeFormat(pattern="yyyy-MM-dd") @RequestParam(required = false, name = "to") Date to, Pageable pageable) { return reportService.reports(status, search, from, to, pageable); }@GetMapping("/find") public Page<ReportProjection> reports( @RequestParam(required = false, name Read more about @DateTimeFormat usage example[…]
List to Map (streams)
@Getter @Setter class Directory { Long id; String name; } List<Directory> l = repo.allDirectories(); Map<Long, String> m = l.stream() .collect(Collectors.toMap(d -> d.getId(), d -> d.getName()));@Getter @Setter class Directory { Long id; String name; } List<Directory> l = repo.allDirectories(); Map<Long, String> m = l.stream() .collect(Collectors.toMap(d -> d.getId(), d -> d.getName()));
@PreAuthorize and SpEL params
If @PreAuthorize is used on interface, parameter name (id) in SpEL must match parameter name in implementation (not required on interface – fileId). @Transactional public interface FileService { @PreAuthorize("@securityService.canAccessFile(#id)") File getFile(Long fileId); } /** * GOOD */ @Service public class FileServiceImpl implements FileService { @Override public File getFile(Long id) { /* … Read more about @PreAuthorize and SpEL params[…]
Required @Input
selector: ‘app-test[id]‘ Component({ selector: ‘app-test[id]’ // id is required now }); export class TestComponent { @Input() id:number; }Component({ selector: ‘app-test[id]’ // id is required now }); export class TestComponent { @Input() id:number; }
rx.js – chain requests when need response from BOTH
On the end i need response from BOTH requests, but need chain them, because second request need something from first response. import { switchMap, map } from ‘rxjs/operators’; this.restService.getFile(id) .pipe( switchMap((file:File) => this.restService.renderMd(file.markdown_id) .pipe(map((markdown:any) => { return { file:file, markdow: markdown }; })) ) ).subscribe((result:any) => { // I have results for two requests Read more about rx.js – chain requests when need response from BOTH[…]
@HostBinding example
import { Component, HostBinding, Input, OnInit } from ‘@angular/core’; @Component({ selector: ‘app-host’, template: `<p>host works!</p>`, styles: [`:host(.someClass){ color: red; }`] }) export class HostComponent implements OnInit { @Input(’idVal’) @HostBinding(’id’) id:string = ‘defaultId’; @Input() @HostBinding(’class.someClass’) withClass:boolean = true; constructor() { } ngOnInit(): void { } }import { Component, HostBinding, Input, OnInit Read more about @HostBinding example[…]