AngularJS syntax error while using ng-style for background gradient
<p>AngularJS syntax error while using ng-style for background gradient &amp; not working in IE 11 if I use only style tag. Need help</p>

<pre><code>&lt;div class="test-data" ng-style="{{statusStyle}}"&gt;&lt;/div&gt;

var empty = 100 - status.test;

$scope.statusStyle = {'background': 'linear-gradient(#f2f2f2 ' + empty + '%, ' + color + ' ' + empty + '%)'};


Error: [$parse:lexerr] http://errors.angularjs.org/1.3.16/$parse/lexerr?p0=Unexpected%20nextharacter%20&amp;p1=s%2028-28%20%5B%23%5D&amp;p2=background%3A%20linear-gradient(%cbcbcb%2026%25%2C%20%2378bc00%2026%25)%3B
    at Error (native)
    at http://localhost:52000/Scripts/ext-lib.js?v-635938893578389223:20:417
    at kc.throwError (http://localhost:52000/Scripts/ext-lib.js?v-635938893578389223:201:190)
    at kc.lex (http://localhost:52000/Scripts/ext-lib.js?v-635938893578389223:200:49)
    at lb.parse (http://localhost:52000/Scripts/ext-lib.js?v-635938893578389223:204:178)
    at http://localhost:52000/Scripts/ext-lib.js?v-635938893578389223:124:366
    at m.$watch (http://localhost:52000/Scripts/ext-lib.js?v-635938893578389223:134:310)
    at http://localhost:52000/Scripts/ext-lib.js?v-635938893578389223:250:437
    at Xc (http://localhost:52000/Scripts/ext-lib.js?v-635938893578389223:84:279)
    at M (http://localhost:52000/Scripts/ext-lib.js?v-635938893578389223:73:323)
</code></pre>