角度式によるhtml-minifierのパーサーエラー

Question

html-minifierのラッパーであるgulp-htmlminを使用しています。 html-minifierはこの角度コードを解析できません。

<div class="col-md-4 text-center"> 
     <span ng-if="pagination.skip + pagination.take < totalCount || pagination.skip > 0"> 
     Viser {{ pagination.skip + 1 }}-{{ totalCount < pagination.skip + pagination.take ? totalCount : pagination.skip + pagination.take }} af {{ totalCount }} linjer 
     </span> 
    </div> 

エラーの原因となるスパンのテキストです。

[19:00:34] Error in plugin 'gulp-htmlmin' 
Message: 
    Parse Error: < pagination.skip + pagination.take ? totalCount : pagination.skip + pagination.take }} af {{ totalCount }} linjer" 
     </span> 
    </div> 

    <div class="col-md-4"> 
     <button class="btn btn-primary btn-sm pull-right" data-ng-show="pagination.skip + pagination.take < totalCount" data-ng-click="more()"> 
      Næste <i class="glyphicon glyphicon-chevron-right small"></i> 
     </button> 
    </div> 
</div> 
Details: 
    fileName: C:\os2kitos\b1\kitos.web\src\app\shared\paginationButtons\paginationButtons.view.html 
    domainEmitter: [object Object] 
    domain: [object Object] 
    domainThrown: false 

スパンにテキストを書き込む別の方法はありますか？

Viser {{ pagination.skip + 1 }}-{{ totalCount < pagination.skip + pagination.take ? totalCount : pagination.skip + pagination.take }} af {{ totalCount }} linjer 

@ Arun Ghoshが提案するようにロジックをコントローラに移動することでこれを解決しました。ハンドル内部表現を無視するパラメータとしてigno​​reCustomFragmentsを追加

Answer 1

試してみてください。

htmlmin({ 
    ignoreCustomFragments: [ /\{\{[\s\S]*?\}\}/ ] 
})