Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework 离子选择多个=真_Ionic Framework - Fatal编程技术网

Ionic framework 离子选择多个=真

Ionic framework 离子选择多个=真,ionic-framework,Ionic Framework,我正在用ionic加载一个页面,其中包含从php获取的值,例如编辑配置文件页面。 这里我使用的是项。在这里,当用户选择多个值时,在php端,我准备好数组对象并将所选项目的值存储为“德里、科尔塔塔、孟买” 现在,我面临的挑战是如何在加载ionic页面时显示所选的值。我用的是like-- 但是当加载时,它显示为空白,我确信这里的vcity值是“德里、科尔塔塔、孟买”,这是无法读取的 那么我如何才能让这件事发生。有没有创业的想法 多谢各位 这是我当前的代码,这里的问题是在加载页面时没有选择值--

我正在用ionic加载一个页面,其中包含从php获取的值,例如编辑配置文件页面。 这里我使用的是
项。在这里,当用户选择多个值时,在php端,我准备好数组对象并将所选项目的值存储为“德里、科尔塔塔、孟买”

现在,我面临的挑战是如何在加载ionic页面时显示所选的值。我用的是like--


但是当
加载时,它显示为空白,我确信这里的vcity值是“德里、科尔塔塔、孟买”,这是
无法读取的

那么我如何才能让这件事发生。有没有创业的想法

多谢各位

这是我当前的代码,这里的问题是在加载页面时没有选择值--


{{caste.name}

在ts文件中声明新变量示例:

cities = [];
然后在ngOnInit()内或从中获取vcity值的位置。。。使用:

const splitValues = vcity.split(',');
for(let i =0;i<splitValues.length;i++) {
    cities.push({name : splitValues[i]});
}
const splitValues=vcity.split(',');

因为(让我=0;我所以,我终于得到了我的解决方案。我要感谢@Mostafa Harb,我投票支持你的答案,感谢你的帮助,感谢你的指导和帮助,使用你的代码和一些调整,我终于得到了我想要的。以下是我所做的

        this.casteData = [];
        const splitValues = this.vcaste.split(',');
        for (const data of splitValues) {
          this.casteData.push(data);
        }



<ion-select multiple="true" [value]="casteData" placeholder="Select Caste" name="caste" [(ngModel)]="postData.caste">......</ion-select>
this.casteddata=[];
const splitValues=this.vcaste.split(',');
for(拆分值的常量数据){
this.casteddata.push(数据);
}
......

此处在“CastData”数组中显示所选值,该值作为
[值]=“CastData”提供给
离子选择

你好,兄弟,谢谢你的解决方案,它工作得很好,但只有一个问题,如何使这些离子选择选项被选中或选中?@Ritesh gupta,你这是什么意思?离子选择选项将在android中为单选设置一个单选按钮,在ios中为单选设置一个复选框,在默认情况下,对于多选,将为平台和应用设置复选框roid和ios。但是你的问题到底在哪里?我不是你想要的。好的,让我解释一下情况,我保存你提到的解决方案的这个页面是编辑配置文件页面,所以当这个页面加载时,它会向用户显示已经选择的城市以及其他城市的列表,因此根据你的解决方案,我能够显示选择的城市中的数据库中的d个城市以及相同中的其他城市名称,但我面临的问题是,所选城市值未在selected=“selected”内的复选框中打勾。如果您已预定义了select,并且希望手动选择项目,则selected=“selected”用于静态使用,而如果您希望它是动态过程,则可以使用[selected]=“city.selected?”selected:“”,这意味着在拆分值中,在名称旁边添加:splitvalues[i],selected:如果value is selected为true或false,则从db中放入,因此如果value is selected为true,则项目上会出现勾号wlse不会将其标记为selected。bro,按照您的建议完成,但所选部分不起作用,我尝试使用静态值也选择了=“selected”,但未选中。
const splitValues = vcity.split(',');
for(let i =0;i<splitValues.length;i++) {
    cities.push({name : splitValues[i]});
}
   <ion-select-option *ngFor="let city of cities">{{city.name}}</ion-select-option>
        this.casteData = [];
        const splitValues = this.vcaste.split(',');
        for (const data of splitValues) {
          this.casteData.push(data);
        }



<ion-select multiple="true" [value]="casteData" placeholder="Select Caste" name="caste" [(ngModel)]="postData.caste">......</ion-select>