Wondering what’s next for npm?Check out our public roadmap! »

ng-xray
TypeScript icon, indicating that this package has built-in type declarations

0.0.8 • Public • Published

ng-xray

Simple, tree-shakable, AoT, Universal and Web Worker friendly XRay component for Angular (4 and beyond). Easily see into your components.

How to use?

$ npm i ngxray --save

API

Outputs

Inputs

Integration

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>

Angular Seed

// tools/config/project.ts
 
...
// Add packages (e.g. ngresizable)
let additionalPackages: ExtendPackages[] = [{
  name: 'ngxray',
  path: 'node_modules/ngxray/ngxray.bundle.js'
}];
 
this.addPackagesBundles(additionalPackages);
...

License

MIT

Install

npm i ng-xray

DownloadsWeekly Downloads

3

Version

0.0.8

License

MIT

Last publish

Collaborators

  • avatar