Я довольно новичок в разработке директив с Angular2. Я хочу создать директиву всплывающего окна, которая будет обертывать содержимое некоторыми классами CSS.
Контент
Содержимое может быть чистым текстом и заголовками, такими как:
<div class="data">
<h2>Header</h2>
Content to be placed here.
</div>
Затем я хочу присвоить этому директивный атрибут, например: popup.
<div class="data" popup>
<h2>Header</h2>
Content to be placed here.
</div>
Что должна делать директива, так это обернуть div внутрь, скажем:
<div class="some class">
<div class="some other class">
<div class="data">
<h2>Header</h2>
Content to be placed here.
</div>
</div>
</div>
Случай, который я описал до сих пор, это атрибут или структурные директивы.
import { Directive, ElementRef, HostListener, Input } from '@angular/core';
@Directive({
selector: `[popup]`
})
export class PopupDirective {
}