Breaking News: Grepper is joining You.com. Read the official announcement!

declare variable in html angular

Add Answer

MitchAloha answered on July 12, 2022 Popularity 10/10 Helpfulness 2/10

answer declare variable in html angular

related angular html variable

related angular variable in html

declare variable in html angular

Comment

We can just create directive like *ngIf and call it *ngVar

ng-var.directive.ts

@Directive({
    selector: '[ngVar]',
})
export class VarDirective {
    @Input()
    set ngVar(context: unknown) {
        this.context.$implicit = this.context.ngVar = context;

        if (!this.hasView) {
            this.vcRef.createEmbeddedView(this.templateRef, this.context);
            this.hasView = true;
        }
    }

    private context: {
        $implicit: unknown;
        ngVar: unknown;
    } = {
        $implicit: null,
        ngVar: null,
    };

    private hasView: boolean = false;

    constructor(
        private templateRef: TemplateRef<any>,
        private vcRef: ViewContainerRef
    ) {}
}

with this *ngVar directive we can use the following

<div *ngVar="false as variable">
      <span>{{variable | json}}</span>
</div>

Popularity 10/10 Helpfulness 2/10 Language html

Source: stackoverflow.com

Tags: angular declare html

Link to this answer
Share Copy Link

Contributed on Jul 12 2022

MitchAloha

0 Answers Avg Quality 2/10

Closely Related Answers

angular html variable

Comment

We can just create directive like *ngIf and call it *ngVar

ng-var.directive.ts

@Directive({
    selector: '[ngVar]',
})
export class VarDirective {
    @Input()
    set ngVar(context: unknown) {
        this.context.$implicit = this.context.ngVar = context;

        if (!this.hasView) {
            this.vcRef.createEmbeddedView(this.templateRef, this.context);
            this.hasView = true;
        }
    }

    private context: {
        $implicit: unknown;
        ngVar: unknown;
    } = {
        $implicit: null,
        ngVar: null,
    };

    private hasView: boolean = false;

    constructor(
        private templateRef: TemplateRef<any>,
        private vcRef: ViewContainerRef
    ) {}
}

with this *ngVar directive we can use the following

<div *ngVar="false as variable">
      <span>{{variable | json}}</span>
</div>

Popularity 9/10 Helpfulness 1/10 Language html

Source: stackoverflow.com

Tags: angular

Link to this answer
Share Copy Link

Contributed on Jul 12 2022

MitchAloha

0 Answers Avg Quality 2/10

angular variable in html

Comment

We can just create directive like *ngIf and call it *ngVar

ng-var.directive.ts

@Directive({
    selector: '[ngVar]',
})
export class VarDirective {
    @Input()
    set ngVar(context: unknown) {
        this.context.$implicit = this.context.ngVar = context;

        if (!this.hasView) {
            this.vcRef.createEmbeddedView(this.templateRef, this.context);
            this.hasView = true;
        }
    }

    private context: {
        $implicit: unknown;
        ngVar: unknown;
    } = {
        $implicit: null,
        ngVar: null,
    };

    private hasView: boolean = false;

    constructor(
        private templateRef: TemplateRef<any>,
        private vcRef: ViewContainerRef
    ) {}
}

with this *ngVar directive we can use the following

<div *ngVar="false as variable">
      <span>{{variable | json}}</span>
</div>

Popularity 9/10 Helpfulness 1/10 Language html

Source: stackoverflow.com

Tags: angular

Link to this answer
Share Copy Link

Contributed on Jul 12 2022

MitchAloha

0 Answers Avg Quality 2/10

declare variable in html angular

Contents

More Related Answers

declare variable in html angular

Closely Related Answers

angular html variable

angular variable in html

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.