繁体   English   中英

如何在离子形式上动态创建按钮

How to dynamically create buttons on an ionic form

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我想在离子中动态创建按钮。 我找不到这方面的任何信息。 我尝试了几个失败的快速测试。

  week = `      <ion-row>
    <ion-col>
      <ion-label (click)="showDate(11)">11</ion-label>
    </ion-col>
    <ion-col>
      <ion-label (click)="showDate(12)">12</ion-label>
    </ion-col>
    <ion-col>
      <ion-label (click)="showDate(13)">13</ion-label>
    </ion-col>
    <ion-col>
      <ion-label (click)="showDate(14)">14</ion-label>
    </ion-col>
    <ion-col>
      <ion-label (click)="showDate(15)">15</ion-label>
    </ion-col>
    <ion-col>
      <ion-label (click)="showDate(16)">16</ion-label>
    </ion-col>
    <ion-col>
      <ion-label (click)="showDate(17)">17</ion-label>
    </ion-col>
  </ion-row>`
  week2 = "      <ion-row><ion-col>  <ion-label (click)='showDate(11)'>11</ion-label></ion-col><ion-col>  <ion-label (click)='showDate(12)'>12</ion-label></ion-col><ion-col>  <ion-label (click)='showDate(13)'>13</ion-label></ion-col><ion-col>  <ion-label (click)='showDate(14)'>14</ion-label></ion-col><ion-col>  <ion-label (click)='showDate(15)'>15</ion-label></ion-col><ion-col>  <ion-label (click)='showDate(16)'>16</ion-label></ion-col><ion-col>  <ion-label (click)='showDate(17)>17</ion-label></ion-col></ion-row>"

基本上我需要根据传入的参数创建一个表单或页面,这可能会彻底改变表单的布局。 制作几十页确实效率低下。 如果每个按钮具有多个可能可见或可能不可见的按钮,它还会创建维护噩梦。 有什么建议吗?

1 个回复

既然你标记了 angular,我猜你正在使用它,所以你可以使用 *ngFor,就像下面的代码:

<ion-list padding *ngFor="let item of items; let i = index">
        <ion-item (click)="showDate(i)">{{ i }}</ion-item>
</ion-list>
2 如何动态隐藏/显示离子弹出按钮

我在第一个大型离子项目中被卡住。 有人会想到如何在离子弹出窗口中动态隐藏和显示按钮吗? 我需要按钮最初是隐藏的,但是在某些事情发生之后,按钮应该会显示出来。 任何想法如何做到这一点? 为了进一步说明,这里需要在$ ionicPopup按钮内提供角度指令。 例如 但是在渲染弹 ...

3 如何动态创建单选按钮?

我在动态创建单选按钮时遇到问题,我有一个文本框和一个按钮,我要求用户在文本字段中输入一个值,然后我检索文本框值,并在他按A时使用它来创建单选按钮按钮,我在javaScript中尝试了此代码,但在单击指定按钮时并没有创建单选按钮: ` ...

4 如何动态创建特权按钮?

由于我可以根据登录用户自动创建按钮,例如,管理员用户属于administrator类型,并且具有所有特权,因此,在登录表单时,admin用户应生成诸如按钮之类的特权,该如何完成? 我的登录代码: ...

7 如何向表单动态添加单选按钮

问题:如何在表单中动态添加单选按钮 我要附加单选按钮: 我希望得到两个像这样的单选按钮:主页 工作 我真正得到的是图像顶部显示的内容: 这应该显示在图像底部的窗体上: 类型http://www.greatdaydan.com/Types.png 如何只获 ...

9 如何在for循环中动态创建几个按钮

这是我的代码。 我想在特定div内附加4个按钮。 换句话说,我想将这4个按钮放在''之内。 现在可以使用,但它们不在div中。 getmyItems函数是一个包含一系列信息的函数,例如:title,description,age,...。 救命 ...

10 如何动态创建SWT按钮及其动作?

我创建了一个确定按钮(按钮)。 根据用户输入,我想动态创建1到10个SWT按钮(复选框)。 如何创建呢? 如果单击确定按钮,如何显示已选中所有复选框按钮? 请在下面尝试的代码段中查找: ...

2013-03-06 09:56:24 1 1919   java/ swt
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM