aogriffiths / angular-2-holderjs Goto Github PK

Hi, how do we bind the template to a variable?

 <img holderjs data-src="holder.js/200x300/auto">

works well

<img holderjs data-src="{{item.placeholder}}">

or

<img holderjs [attr.data-src]="item.placeholder">

or

<img holderjs [data-src]="item.placeholder">
// this gives an error about not being able to bind to data-src as its not a known attribute of img

does not

In the description (point 3, import the directive), it is mentioned that in order to import the directive, the respective component should import it like this:

import { HolderjsDirective } from 'angular-2-holderjs/holderjs.directive';

@component({
selector: 'your-component',
templateUrl: 'your.component.html',
directives: [HolderjsDirective, ...],
})

export class YourComponent {

}

It doesn't work in Angular 4. The directive should be imported in NgModule in declarations:

..

import { HolderjsDirective } from 'angular-2-holderjs/holderjs.directive';
@NgModule({
declarations: [
...,
HolderjsDirective
],
...
})

Otherwise, ng build --prod cannot be performed.