Use ngStyle

czeckd · Mar 21, 2016 · a32cae5 · a32cae5
1 parent 0ede8bb
commit a32cae5
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/app/demo-app.component.ts b/app/demo-app.component.ts
@@ -1,4 +1,6 @@
 import {Component} from 'angular2/core';
+import {NgStyle} from 'angular2/common';
+
 import {SvgIconComponent} from './svg-icon.component';
 
 @Component({
@@ -27,7 +29,7 @@ import {SvgIconComponent} from './svg-icon.component';
 				</fieldset>
 				<label>width:</label> <input type="number" min="0" max="1000" [(ngModel)]="w"><label> px</label>
 			</form>
-			<div [style]="getStyle()">
+				<div [ngStyle]="{'width': w + 'px', 'fill': 'rgb(' + r + ',' + g + ',' + b + ')' }" >
 				<svg-icon src="images/eye.svg"></svg-icon>
 			</div>
 			<tt>&lt;div style="{{getStyle()}}"&gt;<br/>