如何在ionic 3中动态绑定内容与Alertcontroller内容?

时间:2018-11-12 10:27:33

标签: typescript ionic2 ionic3

我需要从服务器获取内容,并且需要绑定到警报控制器标题和副标题中。我以这种方式尝试了这种方法不起作用(我尝试了ion-grid和ion-row,所以这不能动态创建网格)。

openCallMenu() {
        let dtitle: any;
        let calldetails = '<ion-grid>';
        this.touchtocalldetails.forEach(function(value, key) {
            dtitle = value.title;
            value.content.forEach(function(cvalue, ckey){
                calldetails += '<ion-row wrap><ion-col col-1><ion-icon [name]="'+ cvalue.icon+'"></ion-icon></ion-col><ion-col col-11 [innerHTML]="'+ cvalue.displaytext +'  | safeHtml"></ion-col></ion-row>';
            });
        });
        calldetails += '</ion-grid>';
        const alert = this.alertCtrl.create({
          title: dtitle,
          subTitle: calldetails,
          buttons: ['CLOSE']
        });
        alert.present();
    }

上面的代码未绑定离子网格中的内容。但是普通的内容是这样绑定的

calldetails += '<ion-row wrap><ion-col col-1><ion-icon [name]="'+ cvalue.icon+'"></ion-icon></ion-col><ion-col col-11>'+ cvalue.displaytext +'</ion-col></ion-row>';

但是上述内容具有约束力,就像普通文本一样,格式与ion-grid和ion-row不一致。

0 个答案:

没有答案