Можете ли вы получить идентификатор узла инкапсуляции компонента?

Question

Есть ли способ получить идентификатор узла инкапсуляции, который предоставляется компоненту?

Если у вас есть компонент, который использует ViewEncapsulation.Emulated элемент в DOM будет иметь имя атрибута что-то вроде _nghost-par-2. Which, это уникальный идентификатор учитывая компоненту инкапсулировать связанные стили.

Как вы получаете этот идентификатор как часть конструктора компонента?

Что-то эффект:

@Component({ 
    hostId:string; 
    ... 
}) 
export class myComponent implements OnInit { 
    constructor(host:Host) { 
    this.hostId = host.id; 
    } 
    ... 
} 

Answer 1

Этот идентификатор состоит из следующих частей:

_nghost - par -  2 
    |   |   | 
static  APP_ID _nextCompTypeId 

APP_ID является просто маркер из @ угловой/ядра

Если вы ред, чтобы избежать случайно сгенерированного значения, которое будет использоваться в качестве идентификатора приложения, вы можете обеспечить собственное значение через поставщик DI настраиваемого корневой Инжектор с помощью этого маркера

_nextCompTypeId генерируются внутри структуры, в рамках частного класса ViewUtils ,

Похоже, что нет общедоступного метода, который может вернуть его значение. Так, вероятно, следующий будет работать

export class MyComponent { 
    id: string; 
    constructor(@Inject(APP_ID) appId: string, vcRef: ViewContainerRef) { 
    this.id = `${appId}-${vcRef.injector['_view'].viewUtils._nextCompTypeId - 1}`; 
    } 
} 

Другой способ получить его из attributes через elementRef