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

angular variable in html

Add Answer

MitchAloha answered on July 12, 2022 Popularity 9/10 Helpfulness 1/10

answer angular variable in html

related declare variable in html angular

related angular html variable

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 html

Link to this answer
Share Copy Link

Contributed on Jul 12 2022

MitchAloha

0 Answers Avg Quality 2/10

Closely Related Answers

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

Link to this answer
Share Copy Link

Contributed on Jul 12 2022

MitchAloha

0 Answers Avg Quality 2/10

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

Contents

More Related Answers

angular variable in html

Closely Related Answers

declare variable in html angular

angular html variable

Grepper

Documentation

Social

Legal

Contact

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