需要更改变量中调用的值序列

Question

我有变量从 3 个变量中获取值，但我想使用数组更改序列。请参阅下面的home.ts代码以了解

  public section1 = `<ol><li>`+this.myname+`</li></ol>`;
  public section2 = `<ol><li>`+this.phno+`</li></ol>`;
  public section3 = `<ol><li>`+this.email+`</li></ol>`;
  public section_sequence = this.section3+this.section2+this.section1;

如您所见，我已经硬编码了section_sequence，我是否可以以某种方式将其更改为使用数组this.section2+this.section3+this.section1，以便我可以设法动态更改它。

我尝试过这样，但没有用。

  public section_sequence_array = ["section3", "section2", "section1"];
  public section_sequence = this.section_sequence_array;

Answer 1

你好，检查我制作的这个堆栈闪电战。

如果我很了解你，这将帮助你，只检查 家.html 和 家.ts

关键是我将三个序列放在一个数组中，然后开始在数组的索引上播放。如果您需要什么，请告诉我。

更新好答案因正当理由被删除，我将在此处包含代码

在您的页面中.html ：

<ion-content padding>
  <ion-list>
    <ion-item>click any button</ion-item>
  <ion-item>
    <button ion-button full color="primary" (click)="changeSequence(1,2,3)">1 - 2 - 3</button>
    <button ion-button full color="secondary" (click)="changeSequence(3,2,1)">3 - 2 - 1</button>
    <button ion-button full color="danger" (click)="changeSequence(1,3,2)">1 - 3 - 2</button>
  </ion-item>
</ion-list>
  <div [innerHtml]="section_sequence">
  </div>
</ion-content>

这将创建按钮以允许用户动态更改序列。

在您的页面.ts中：

section_sequence;
  sections = [
    '<ol><li>a name</li></ol>',
    '<ol><li>a phone</li></ol>',
    '<ol><li>a email</li></ol>'
  ]

  ionViewDidLoad(){
    this.section_sequence = this.sections[0]+this.sections[1]+this.sections[2];
  }
  changeSequence(i,y,z){
    this.section_sequence = this.sections[i-1]+this.sections[y-1]+this.sections[z-1];
  }

请注意，这些部分现在位于数组中，因此我们可以将它们链接到我们提供给函数 changeSequence(( 的"索引"，

我们将索引减少 1，因为数组从 0 开始。

所以现在你可以给changeSequence()任何你想要的序列，它将输出所需的顺序。