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
Checkbox 选中复选框时启用选择字段_Checkbox_Ionic Framework_Ionic2 - Fatal编程技术网

Checkbox 选中复选框时启用选择字段

Checkbox 选中复选框时启用选择字段,checkbox,ionic-framework,ionic2,Checkbox,Ionic Framework,Ionic2,在forloop中,我有复选框和select字段。默认情况下,选择字段被禁用。每当用户选中复选框时,相应的选择字段将被启用 下面是我目前正在使用的代码 home.html 您可以向禁用的参数添加值: disabled="enhancements[item.id].checked" export class HomePage { extras: any; enhancements: any; constructor(public navCtrl: NavController, p

在forloop中,我有复选框和select字段。默认情况下,选择字段被禁用。每当用户选中复选框时,相应的选择字段将被启用

下面是我目前正在使用的代码

home.html


您可以向禁用的参数添加值:

disabled="enhancements[item.id].checked"
export class HomePage {

  extras: any;
  enhancements: any;

  constructor(public navCtrl: NavController, public http: Http) {
    this.http.get('https://www.example.com/hotels/11/').map(res => res.json()).subscribe(response => {
        this.extras = response.Extras;
        this.enhancements = {};
        this.extras.forEach(item => {
          this.enhancements[item.id] = { checked: false, qty: 1 };
        })
    });
  }

  onChange(){
    var enhancements = this.enhancements;
    Object.keys(enhancements).forEach(function(key){
      if( enhancements[key].checked == true && enhancements[key].qty > 0 ){
        console.log( key + " | " + enhancements[key].checked );
      }
    });
  }

}
disabled="enhancements[item.id].checked"