如何使用打字稿禁用离子选择。离子2

时间:2016-11-06 08:37:14

标签: angular typescript ionic2

我可以使用禁用属性禁用ion-select,如下所示:

<ion-item>       
      <ion-label stacked>Property Type</ion-label>
          <ion-select [(ngModel)]="propType" (ionChange)="ionChanger()" disabled="true" >
              <ion-option value="{{ptype}}" *ngFor="let ptype of PropTypeArray">{{ptype}}</ion-option>                 
          </ion-select>
  </ion-item>

如何禁用typescript文件?我尝试了以下命令,但没有运气

在我的类型脚本文件

  disableSelector:boolean

    constructor(){
       this.disableSelector = true;
    }

这里是html文件

disabled = "disableSelector"

完全无法正常工作

最好的Rgds, 青蛙

1 个答案:

答案 0 :(得分:5)

您正在使用 [disabled] 变量,因此您需要将其与 <ion-item> <ion-label stacked>Property Type</ion-label> <ion-select [(ngModel)]="propType" (ionChange)="ionChanger()" [disabled]="disableSelector" > //<<< This is required. <ion-option value="ptype" //<<< removed {{}} braces. *ngFor="let ptype of PropTypeArray"> {{ptype}} </ion-option> ... </ion-item> 属性绑定一起使用,如下所示,

<div class="row form-group">
            <datepicker [expanded]="true" formControlName="connection_join_date"></datepicker>
          </div>