如何在 ngx-guided-tour 的弹出窗口中更改文本(和其他文本)?

How do I change text (and others) in the popup in ngx-guided-tour?

我正在使用 https://github.com/lsqlabs/ngx-guided-tour 来指导用户使用 Angular 8.

制作的产品

在此自述文件下:https://github.com/lsqlabs/ngx-guided-tour#ngx-guided-tour-component-inputs 提到可以更改所有按钮的文本,但不幸的是,没有示例片段。有人可以帮我解决这个问题吗?

请根据我的要求看下图。

总而言之,它如何设置 skipText 以及我在哪里设置?

文件 guided-tour.component.ts 包含上述弹出窗口的 html 和打字稿代码。变量 skipText 在第 104 行

@Input() public skipText ?= 'Skip';

这意味着skipText是一个输入变量,但是如果我们不为输入提供任何值,那么默认值将是'Skip'。

如果您想更改所有步骤的文本,您可以将默认值从 'Skip' 更改为 'Close'。 但是如果你想为任何特定步骤更改它,那么你可以根据 GuidedTourService.onLastStep 条件取消显示不同的文本,或者在 nextStep() 方法中更改 skipText 本身的值,有实现这一目标的方法有很多。

<ngx-guided-tour skipText="new skip text"></ngx-guided-tour> 你把 <ngx-guided-tour></ngx-guided-tour> 放在哪里工作正常。

如果您查看这些文档,还有一些其他文本属性(如果您也需要)。