Simple, tree-shakable, AoT, Universal and Web Worker friendly XRay component for Angular (4 and beyond). Easily see into your components.
$ npm i ng-xray --save
Should work out of the box with webpack, respectively angular-cli. All you need to do is to include NgXRayModule:
import { NgXRayModule } from 'ngxray';
@NgModule({
imports: [NgXRayModule],
...
})
class AppModule {}Use as component:
<ng-xray>
<!-- below will be x-rayed -->
<div class="app-container">
...
</div>
</ng-xray>Or directive:
<div ngxray>
<!-- below will be x-rayed !-->
<div class="app-container">
...
</div>
</div>// tools/config/project.ts
...
// Add packages (e.g. ngresizable)
let additionalPackages: ExtendPackages[] = [{
name: 'ngxray',
path: 'node_modules/ngxray/ngxray.bundle.js'
}];
this.addPackagesBundles(additionalPackages);
...MIT