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

你好我检查this stackblitz。

如果我理解你这对你有所帮助，请只查看home.html和home.ts

重点是我将三个序列放在一个数组中并开始播放数组的索引。如果你需要什么，请告诉我。

更新以及有效原因删除了答案，我将在此处添加代码

你的page.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>

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

在你的page.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];
  }

请注意，这些部分现在位于数组中，因此我们可以将它们链接到＆＃34;索引＆＃34;我们提供给函数changeSequence（），

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

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

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

1 个答案: