javascript - Angular 插值无法正常工作？

Question

我有一个带有插值的样本。当使用如下所示的任何一个事件时，它会正确显示下拉值:

sample: 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'>

sample 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'>

Answer 1

只需从您的 @Component 装饰器中删除 changeDetection: ChangeDetectionStrategy.OnPush ，您的第二个示例就可以工作

你的组件装饰器应该读作

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

在 ngOnInit() 中绑定(bind)你的对象数组，这是绑定(bind)值的正确方法和正确的时间 - 谢谢，编码愉快!!