css - 마크 업 파일 인라인 스타일의 angularjs 표현식 제거

Question

나는 angularjs로 작업하고 있습니다.

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

내가 grunt-contrib-htmlmin하여 HTML 코드를 축소하세요 :

는 마크 업 파일에서,이 같은 인라인 스타일을 가지고있다.

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 %>' 
    }] 
    } 
} 

minifyCSS이 grunt-contrib-cssmin를 사용하여 인라인 스타일을 작게를 위해 htmlmin 내부에있다 : 여기에 불평 소리 설정입니다.

그런 작게하다 후의 결과 :

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

스타일 속성에는 폭이 없습니다.

minifyCSS를 축소 한 후 width: {{::provision.precision}}%을 유지하도록 설정하는 방법을 아는 사람이 있습니까?

Answer 1

해결책을 찾았습니다.

스타일 속성 대신 ng-style을 사용하십시오. 그게 다야!