angularjs - 由于 Angular 表达式，html-minifier 中的解析器错误

Question

我正在使用 gulp-htmlmin，它是 html-minifier 的包装器。html-minifier 无法解析此 Angular 代码。

<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>

导致错误的是 span 中的文本。

[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

有没有其他方法可以在span中写文本？

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

我按照@Arun Ghosh 的建议，通过将逻辑移至 Controller 解决了这个问题。

Answer 1

尝试添加 ignoreCustomFragments 作为参数以忽略 Handlebars 内的表达式:

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