Я довольно новые директивы здания с Angular2. Я хочу создать директиву всплывающих окон, которая будет обертывать содержимое некоторыми классами css.
Контент
Содержимое может быть чистым текстом и заголовками, например:
<div class="data">
<h2>Header</h2>
Content to be placed here.
</div>
Затем я хочу дать этому атрибуту директивы, например: всплывающее окно
<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 {
}