如何为微调器创建 angular 指令？

Question

I work on project and used ngx-spinner library and now want to make directive for this spinner and write the HTML code inside directive

<ngx-spinner type="ball-scale-multiple" [fullScreen]="false" size="" style="width: 100px;" bdColor="rgba(0, 0, 0, 0.5)">loading ...</ngx-spinner>

how can i do that

Answer 1

The solution i found is to create separate component for the spinner

<ngx-spinner type="ball-scale-multiple" [fullScreen]="false" size="larg" style="width: 100px;"
bdColor="rgba(0, 0, 0, 0.2)">
<p style="color: white;"> loading ...</p>

and the directive

<div *appSpinner="showSpinner">content</div>

and use the directive on elements in this way

<div *appSpinner="showSpinner">content</div>