Question

我正在尝试在有角度的2+应用程序中使用bootstrap-tour，并且一切正常，直到需要使用自定义模板进行操作为止。

即使该库提供了使用template选项指定模板的选项，但我仍然很难为其指定scss。它并没有采用全球网站样式。

html作为字符串传递。因为那是该选项的预期收入

我正在使用的模板

    export const customHtmlTemplate = `
<div class="popover">
  <div class="arrow"></div>
  <div class="popover-close">
    <i data-role='end' class="ficon ficon-cross property-close"></i>
  </div>
  <h3 class="popover-title">Some default title that gets overridden</h3>
  <div class="tour-popover popover-content"></div>
  <div class="popover-navigation">
    <button class="secondary"  data-role="prev">Prev</button>
    <button class="secondary"  data-role="next">Next</cn-button>
    <button class="primary"  data-role="end"><span>Got It!</span></cn-button>
  </div>
</div>
`;

我已将其传递到打字稿文件中

    this.tour = new Tour({
      debug: true,
      storage: false,
      delay : false,
      backdrop: true,
      backdropPadding : 1,
      template: customHtmlTemplate,
      steps: [{
        element:

，但是在单击按钮时初始化并启动该组件时，不会应用全局css和任何内容。

任何想法如何解决。参考：http://bootstraptour.com/api/

在角度2以上使用具有自定义样式的bootstrap-tour模板

0 个答案: