@angular-ru/cdk/decorators

  • AttributeBoolean

import {AttributeBoolean} from '@angular-ru/cdk/decorators';
import {InputBoolean} from '@angular-ru/cdk/typings';

@Component({
  selector: 'child-component',
  template: '',
})
class ChildComponent {
  @AttributeBoolean() @Input() public prop1: InputBoolean; // === true
  @Input() public prop2: InputBoolean; // === '', while ('' == false)
  @AttributeBoolean() @Input() public prop3: InputBoolean; // === false
  @AttributeBoolean() @Input() public prop4: InputBoolean; // === true
  @AttributeBoolean() @Input() public prop5: InputBoolean; // === true
  @AttributeBoolean() @Input() public prop6: InputBoolean; // === false

  private _prop7: string;
  @AttributeBoolean()
  @Input()
  public set prop7(value: InputBoolean) {
    this._prop6 = `prop7: ${value}`;
  }

  public get prop7(): InputBoolean {
    // === 'prop7: true - from getter'
    return this._prop7 ? `${this._prop7} - from getter` : undefined;
  }

  // order doesn't matter in all cases
  public prop8Calls: boolean[] = []; // === [true]
  @AttributeBoolean()
  @Input()
  public set prop8(value: InputBoolean) {
    this.hookCalls.push(value as boolean);
  }

  @AttributeBoolean() @Input() public prop9: InputBoolean; // === false
}

@Component({
  selector: 'host-component',
  template: `
    <child-component
      [prop3]="falseString"
      [prop4]="someAnotherTruthy"
      [prop5]="emptyString"
      [prop6]="someAnotherFalsy"
      prop1
      prop2
      prop7
      prop8
      prop9="false"
    ></child-component>
  `,
})
class HostComponent {
  public falseString: string = 'false';
  public someAnotherTruthy: any = {};
  public emptyString: string = '';
  public someAnotherFalsy: any = null;
}
  • BoundClass

@Injectable()
class B {
  public b: string = '2';
}

@BoundClass
@Injectable()
class A {
  public a: string = '1';

  constructor(public readonly b: B) {}

  public getA() {
    return this;
  }
}

TestBed.configureTestingModule({providers: [A, B]});

const a = TestBed.inject(A);
const {getA} = a;

expect(a).toEqual({a: '1', b: {b: '2'}});
expect(getA()).toEqual({a: '1', b: {b: '2'}});
expect(getA() === a).toBeTruthy();

Last updated