角插值工作不正常?

时间:2018-11-08 06:30:56

标签: javascript angular interpolation syncfusion ng-template

我有一个带插值的样本。使用以下任一事件时,它会正确显示下拉值:

  

样本:click me

代码段:

在这里我添加了事件(open)=“ onOpen()”

<ejs-dropdownlist 
    (open)="onOpen()"
    required id="ddlApp" name="ddlApp" [dataSource]='appDataSource' [allowFiltering]='true' 
    [itemTemplate]="itemTemplate" [valueTemplate]="valueTemplate" [(ngModel)]="dropdownlApp" 
    #ddlApp="ngModel" [placeholder]='ddlAppText' [fields]='fields'>
  

示例2:click me

在此示例中,我不会添加任何事件,在这种情况下,交互操作无效。

代码段:

<ejs-dropdownlist 
   required id="ddlApp" name="ddlApp" 
   [dataSource]='appDataSource' [allowFiltering]='true' 
   [itemTemplate]="itemTemplate" [valueTemplate]="valueTemplate" 
   [(ngModel)]="dropdownlApp" #ddlApp="ngModel" 
   [placeholder]='ddlAppText' [fields]='fields'>

1 个答案:

答案 0 :(得分:4)

只需从您的changeDetection: ChangeDetectionStrategy.OnPush装饰器中移除@Component,您的第二个示例就可以使用

您的组件装饰器应显示为

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
}) 

ngOnInit()中绑定对象数组是绑定的正确方法,也是绑定值的正确时间-谢谢,编码愉快!!