如何在 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>
放在哪里工作正常。
如果您查看这些文档,还有一些其他文本属性(如果您也需要)。
我正在使用 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>
放在哪里工作正常。
如果您查看这些文档,还有一些其他文本属性(如果您也需要)。