From 9e8db3febe06f30d94931bbbe087294846ae8fe7 Mon Sep 17 00:00:00 2001
From: OtomeSound <s890081tonyhsu@gmail.com>
Date: Tue, 2 Dec 2014 15:37:56 +0800
Subject: [PATCH] Use ng-style to print width.

Instead of print it in attribute. I use ng-style to print as variable to make IE works.
Now the progressBar will react in IE.
---
 app/views/mission.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/views/mission.html b/app/views/mission.html
index f406a77..184b15f 100644
--- a/app/views/mission.html
+++ b/app/views/mission.html
@@ -34,7 +34,7 @@ <h3 class="mission_frame_name">{{miscope.boss.name}}</h3>
               <div class="progress-bar" role="progressbar" 
                 aria-valuenow="{{ miscope.hp1() * 100 }}" 
                 aria-valuemin="0" aria-valuemax="100" 
-                style="width: {{ miscope.hp1() |  percentage:0 }};">
+                ng-style="{ width: miscope.hp1()*100 + '%' }">
                 {{ miscope.hp1() |  percentage:0 }}
               </div>
             </div>
@@ -43,7 +43,7 @@ <h3 class="mission_frame_name">{{miscope.boss.name}}</h3>
                 <div class="progress-bar" role="progressbar" 
                   aria-valuenow="{{ miscope.hp2() * 100 }}" 
                   aria-valuemin="0" aria-valuemax="100" 
-                  style="width: {{ miscope.hp2() |  percentage:0 }};">
+                  ng-style="{ width: miscope.hp2()*100 + '%' }">
                   {{ miscope.hp2() |  percentage:0 }}
                 </div>
               </div>
@@ -109,7 +109,7 @@ <h3 class="mission_frame_name">公民V</h3>
             <div class="progress">
               <div class="progress-bar" role="progressbar" aria-valuenow="{{time.hpRatio*100}}"
                 aria-valuemin="0" aria-valuemax="100" 
-                style="width: {{time.hpRatio |  percentage:0}};">
+                ng-style="{ width: time.hpRatio*100 + '%' }">
                 {{time.hpRatio | percentage:0}}
               </div>
             </div>