Angular2 adding attribute to element

Question

How do I add an attribute to an element when it is created ?

I tried the following Dashboard component:

import { Component, ElementRef, Renderer  } from '@angular/core';

@Component({
  selector: '[re-dashboard]',
  templateUrl: './dashboard.component.html',
  styleUrls: ['./dashboard.component.scss']
})
export class DashboardComponent {

  constructor (private _el: ElementRef, private _renderer: Renderer) {
    _renderer.setElementAttribute(_el, 're-component','');
  }
}

I would like to add re-component attribute to the div when the DashboardComponent is being created. I then use re-component to style the created div. However I get the following error: http://pastebin.com/up35zmUv

Any ideas

Best regards

philipooo · Accepted Answer · 2016-11-25 13:53:34Z

2

Try this:

@Component({
  selector: '[re-dashboard]',
  templateUrl: './dashboard.component.html',
  styleUrls: ['./dashboard.component.scss'],
  host: {
      "re-component": "",
  }
})
export class DashboardComponent {}

answered Nov 25, 2016 at 13:53

philipooo

1,0499 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

mp3por Over a year ago

This works by adding a class. Good. However I am now more interested in a way to do this with code and to add an attribute ?

mp3por Over a year ago

EDIT - this is what I want. Sry. I have understood the documentation wrong

philipooo Over a year ago

You`r welcome! Don´t forget to pick the answer as "accepted answer" to complete this issue.

Collectives™ on Stack Overflow

Angular2 adding attribute to element

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related