css - マークアップファイルのインラインスタイルでangularjs式を削除

Question

私はangularjsを使っています。

<div class="progress-bar" 
    style="display: block; width: {{::provision.precision}}%"> 
</div> 

は私がgrunt-contrib-htmlminによって、このhtmlコードを縮小化：

は、マークアップファイルでは、私はこのようなインラインスタイルを持っています。ここで作男configです：

htmlmin: { 
    dist: { 
    options: { 
     collapseWhitespace: false, 
     conservativeCollapse: false, 
     collapseBooleanAttributes: true, 
     removeComments: true, 
     removeCommentsFromCDATA: true, 
     removeOptionalTags: true, 
     minifyJS: { 
     mangle: false 
     }, 
     minifyCSS: true 
    }, 
    files: [{ 
     expand: true, 
     cwd: '<%= yeoman.dist %>', 
     src: [ 
     '*.html', 
     'views/{,*/}*.html' 
     ], 
     dest: '<%= yeoman.dist %>' 
    }] 
    } 
} 

grunt-contrib-cssminを使用して、インラインスタイルを縮小化するhtmlmin内部minifyCSSがあります。

<div class="progress-bar" style="display: block;"></div> 

スタイル属性には幅がありません：そのような縮小化後の

結果。

ミニフック後にwidth: {{::provision.precision}}%を保存するようにminifyCSSを設定する方法を知っている人はいますか？

Answer 1

解決策が見つかりました。

スタイル属性の代わりにng-styleを使用します。それで全部です！