Attribute object definition

dist/components/image-attribute.d.ts

@@ -0,0 +1,5 @@
+export declare class ImageAttribute {
+    element: string;
+    value: string;
+    encapsulateWithBrackets: boolean;
+}

dist/components/image-attribute.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":3,"metadata":{"ImageAttribute":{"__symbolic":"class"}}},{"__symbolic":"module","version":1,"metadata":{"ImageAttribute":{"__symbolic":"class"}}}]

dist/components/img-loader.d.ts

@@ -1,6 +1,7 @@
 import { ElementRef, Renderer, OnInit, EventEmitter } from '@angular/core';
 import { ImageLoader } from '../providers/image-loader';
 import { ImageLoaderConfig } from '../providers/image-loader-config';
+import { ImageAttribute } from './image-attribute';
 export declare class ImgLoader implements OnInit {
     private _element;
     private _renderer;
@@ -31,7 +32,7 @@ export declare class ImgLoader implements OnInit {
     /**
      * Attributes to pass through to img tag if _useImg == true
      */
-    imgAttributes: {};
+    imgAttributes: ImageAttribute[];
     /**
      * Convenience attribute to disable caching
      * @param val

src/components/image-attribute.ts

@@ -0,0 +1,5 @@
+export class ImageAttribute {
+    element: string = "";
+    value: string = "";
+    encapsulateWithBrackets: boolean = false;
+}

src/components/img-loader.ts

@@ -1,6 +1,7 @@
 import { Component, Input, Output, ElementRef, Renderer, OnInit, EventEmitter } from '@angular/core';
 import { ImageLoader } from '../providers/image-loader';
 import { ImageLoaderConfig } from '../providers/image-loader-config';
+import { ImageAttribute } from './image-attribute';
 
 const propMap: any = {
   display: 'display',
@@ -62,7 +63,7 @@ export class ImgLoader implements OnInit {
   /**
    * Attributes to pass through to img tag if _useImg == true
    */
-  @Input('imgAttributes') imgAttributes: {} = {};
+  @Input('imgAttributes') imgAttributes: ImageAttribute[] = [];
 
   /**
    * Convenience attribute to disable caching
@@ -204,12 +205,18 @@ export class ImgLoader implements OnInit {
       this._renderer.setElementAttribute(this.element, 'src', imageUrl);
 
       // if imgAttributes are defined, add them here
-      if (this.imgAttributes != '') {
+      if (this.imgAttributes.length > 0) {
+
+        this.imgAttributes.forEach((attribute) => {
+          var value = attribute.value;
+          var element = attribute.element;
+          if (attribute.encapsulateWithBrackets == true) {
+            element = '(' + element + ')';
+          }
+          this._renderer.setElementAttribute(this.element, element, value);
+
+        });
 
-        for (var key in this.imgAttributes) {
-          var value = this.imgAttributes[key];
-          this._renderer.setElementAttribute(this.element, key, value);
-        }
       }