src/app/layout/html-builder/component/ch/ch-p/ch-p.component.ts
| encapsulation | ViewEncapsulation.None |
| selector | app-ch-p |
| styleUrls | ./ch-p.component.less |
| templateUrl | ./ch-p.component.html |
Methods |
|
Inputs |
constructor()
|
| item | |
Type : DropItem
|
|
| Public ngOnInit |
ngOnInit()
|
|
Returns :
void
|
import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
import { DropItem } from 'src/app/layout/html-builder/page-editor/page-editor.service';
@Component({
selector: 'app-ch-p',
templateUrl: './ch-p.component.html',
styleUrls: ['./ch-p.component.less'],
encapsulation: ViewEncapsulation.None
})
export class ChPComponent implements OnInit {
@Input()
public item: DropItem;
constructor() { }
public ngOnInit() {
}
}
<p class="ch-p">ch-p works!</p>
./ch-p.component.less
.ch-p {
font-size: 1rem;
margin: 0 0 1rem;
}