node package manager
Loosely couple your services. Use Orgs to version and reuse your code. Create a free org »

@adobe/target-ng-module

target-ng-module

Installation

To install this library, run:

$ npm install @adobe/target-ng-module --save

Consuming Target library module

Install the library and then from your Angular AppModule:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
 
import { AppComponent } from './app.component';
 
// Import the library
import { TargetModule } from '@adobe/target-ng-module';
 
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
 
    // Specify Target library as an import
    TargetModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Once the library is imported, you can use Target mbox directive in your Angular application:

// Specify Target options in your app.component.ts 
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html'
})
export class AppComponent {
  targetOpts = {
    mbox: 'simpleDirective'
  };
}
<!-- You can now use Target mbox directive in app.component.html -->
<h1>
  {{title}}
</h1>
<div [mbox]="targetOpts">
  Default content
</div>

Options

The following Target options can be set on the mbox directive:

Key Type Mandatory Description
mbox String Yes mbox name. It is mandatory if you want to track clicks. If not provided, an error will be logged and tracking event won't be attached.
params Object No mbox parameters - an object of key-value pairs.
timeout Number No timeout in milliseconds. If not specified, default adobe.target will be used.

Development

To generate all *.js, *.d.ts and *.metadata.json files:

$ npm run build

To lint all *.ts files:

$ npm run lint

To publish built package, login to NPM and then publish with:

$ npm publish dist

License

Apache-2.0 © Adobe Systems Inc.