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() 中绑定您的对象数组，这是绑定值的正确方法和正确的时间 - 谢谢，编码愉快！！

Angular 插值无法正常工作？

Angular Interpolation is not working properly?

javascript

angular

interpolation

syncfusion

ng-template